.headerItemCo {
  overflow: hidden;
  transition: all 0.3s;
}
.headerItemCo .ant-popover-inner-content {
  padding: 0;
}
.headerItemCo .ant-popover-inner-content .ant-menu-item {
  margin: 0;
}
.headerItemCo .ant-menu-item,
.headerItemCo .ant-menu-submenu {
  font-size: 16px;
}
.headerItemCo .header {
  position: relative;
  background: #fff;
  width: 100%;
  padding: 0;
  transition: all 0.3s;
}
.headerItemCo .header .mainBody {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.headerItemCo .header .logoImg {
  max-width: 226px;
  margin-right: 20px;
  max-height: 72px;
}
.headerItemCo .header .websiteName {
  color: #0E0E0E;
  font-size: 16px;
  font-weight: bold;
  display: none;
  margin-right: 20px;
}
.headerItemCo .header .left {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.headerItemCo .header .left .ant-menu-horizontal {
  border-bottom: 0;
}
.headerItemCo .header .left .ant-menu {
  width: 100%;
}
.headerItemCo .header .left .ant-menu .ant-menu-item,
.headerItemCo .header .left .ant-menu .ant-menu-submenu {
  top: 0;
  margin-top: 0;
}
.headerItemCo .header .menuBox .ant-menu-horizontal {
  border-bottom: 0;
}
.headerItemCo .header .menuBox .ant-menu {
  width: 100%;
}
.headerItemCo .header .menuBox .ant-menu .ant-menu-item,
.headerItemCo .header .menuBox .ant-menu .ant-menu-submenu {
  top: 0;
  margin-top: 0;
}
.headerItemCo .header .menuBox .ant-menu .ant-menu-item {
  margin: 0;
  width: 140px;
  text-align: center;
}
.headerItemCo .header .menuBox .ant-menu .first {
  width: 282px;
}
.headerItemCo .header .menuBox .ant-menu .ant-menu-item-selected a {
  font-weight: bold;
}
.headerItemCo .header .inputGroup {
  width: 240px;
  margin-right: 20px;
}
.headerItemCo .header .inputGroup1 {
  display: none;
  width: 400px;
  background: #F5F7F9;
  border-radius: 999px;
  height: 46px;
  line-height: 46px;
}
.headerItemCo .header .right {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.headerItemCo .header .right .name {
  margin-left: 20px;
  min-width: 60px;
  text-align: center;
}
.headerItemCo .header .right .out {
  margin-left: 20px;
}
.headerItemCo .header .m4_h {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-left: 20px;
}
.headerItemCo .header .m4_h .m4_m {
  width: 22px;
  height: 19px;
  margin-right: 3px;
}
.headerItemCo .header .m4_h .name {
  padding-top: 4px;
}
.headerItemCo .header .m5_m {
  height: 28px;
  line-height: 28px;
  background: #EA5139;
  border-radius: 14px;
  padding: 0 15px;
  color: #fff;
  margin-left: 14px;
}
.headerItemCo .loginHeader {
  position: relative;
  background: #fff;
}
.headerItemCo .loginHeader .mainBody {
  display: flex;
  align-items: center;
  flex: 1;
  height: 100px;
}
.headerItemCo .loginHeader .mainBody .logoImg {
  max-height: 51px;
  margin-right: 20px;
}
.headerItemCo .loginHeader .mainBody .at1 {
  color: #E8E8E8;
  margin: 0 40px;
  font-size: 24px;
}
.headerItemCo .loginHeader .mainBody .at2 {
  font-size: 18px;
  color: #545353;
  font-weight: bold;
}
.headerItemCo.showLoginHeader {
  height: 100px;
}
.headerItemCo.showLoginHeader .header {
  height: 0!important;
  overflow: hidden;
}

.footer {
  padding: 20px 0;
}
.footer .mainBody {
  display: flex;
  justify-content: space-between;
}
.footer .mainBody .left {
  font-size: 14px;
}
.footer .mainBody .left .t2 {
  line-height: 46px;
}
.footer .mainBody .left .t2 a {
  margin-right: 40px;
}
.footer .mainBody .left .t3 {
  display: flex;
  margin-bottom: 15px;
}
.footer .mainBody .left .t3 span {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
.footer .mainBody .left .t3 span img {
  margin-right: 8px;
}
.footer .mainBody .right {
  padding-top: 22px;
}
.footer .mainBody .right .t1 {
  display: flex;
  margin-bottom: 35px;
}
.footer .mainBody .right .t1 .down {
  margin-left: 30px;
  cursor: pointer;
}
.footer .mainBody .right .t2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.footer .mainBody .right .t2 .weixin {
  margin-left: 10px;
}
.footerD {
  color: #ffffff;
  background-color: #313131;
}
.footerD a {
  color: #ffffff;
}
.footerD .mainBody .left {
  color: #fff;
}

.rightQrCode {
  position: fixed;
  right: 20px;
  top: calc(50vh - 100px);
  z-index: 10;
}
.rightQrCode .closeCustBox {
  position: absolute;
  width: 13px;
  height: 13px;
  right: -16px;
  top: -12px;
  background: url('/closeCust.png') no-repeat;
  cursor: pointer;
}
.rightQrCode .closeCustBox1 {
  position: absolute;
  width: 13px;
  height: 13px;
  right: -16px;
  top: -12px;
  background: url('/closeCust1.png') no-repeat;
  cursor: pointer;
}
.rightQrCode .closeCustBox2 {
  position: absolute;
  width: 13px;
  height: 13px;
  right: -16px;
  top: -12px;
  background: url('/closeCust2.png') no-repeat;
  cursor: pointer;
}
.rightQrCode .isCloseCustBox {
  width: 52px;
  height: 58px;
  background: url('/lineCust.png') no-repeat;
  cursor: pointer;
}
.rightQrCode .isCloseCustBox1 {
  width: 52px;
  height: 58px;
  background: url('/lineCust1.png') no-repeat;
  cursor: pointer;
}
.rightQrCode .isCloseCustBox2 {
  width: 52px;
  height: 58px;
  background: url('/lineCust2.png') no-repeat;
  cursor: pointer;
}
.rightQrCode .item {
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}
.rightQrCode .item .content {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f39800;
  color: #fff;
  font-size: 12px;
}
.rightQrCode .item .content .img1 {
  display: block;
}
.rightQrCode .item .content .img2 {
  display: none;
}
.rightQrCode .item .content:hover {
  background: #db8300;
}
.rightQrCode .item .title {
  background: #f39800;
  color: #fff;
  position: absolute;
  width: 0;
  right: 0;
  top: 0;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  transition: all 0.3s;
  overflow: hidden;
  text-align: center;
  opacity: 0;
}
.rightQrCode .item .qrCode {
  width: 120px;
  height: 120px;
  background: #f39800;
  position: absolute;
  right: -150px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.rightQrCode .item .qrCode img {
  width: 105px;
  height: 105px;
}
.rightQrCode .item:hover .title {
  opacity: 1;
  width: 170px;
}
.rightQrCode .item:hover .qrCode {
  opacity: 1;
  right: 50px;
}
.rightQrCode .iframe53 {
  position: absolute;
  right: 20px;
}
.rightQrCode .qrHead {
  color: #FFE378;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
}
.rightQrCode .qrHead .t1 {
  font-size: 18px;
}
.rightQrCode .qrHead .t2 {
  font-size: 16px;
}
.rightQrCode .item1 {
  position: relative;
  cursor: pointer;
  padding: 10px 0;
}
.rightQrCode .item1::after {
  content: '';
  width: 120px;
  height: 1px;
  background: #E06C1A;
  border-radius: 1px;
  position: absolute;
  top: 0;
  left: 10px;
}
.rightQrCode .item1:first-of-type::after {
  width: 140px;
  left: 0;
}
.rightQrCode .item1 .content {
  padding-left: 16px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: white;
}
.rightQrCode .item1 .content .img1 {
  margin-right: 10px;
}
.rightQrCode .item1 .title {
  margin: 12px auto 0;
  width: 126px;
  height: 30px;
  line-height: 30px;
  background: #FFE686;
  border-radius: 15px;
  text-align: center;
  color: #D6571B;
  font-weight: bold;
  font-size: 12px;
}
.rightQrCode .item1 .qrCode {
  width: 120px;
  height: 120px;
  background: #b83617;
  position: absolute;
  right: -150px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.rightQrCode .item1 .qrCode img {
  width: 105px;
  height: 105px;
}
.rightQrCode .item1:hover .qrCode {
  opacity: 1;
  right: 140px;
}
.toUpdateModal {
  background: url("/notificationBg3.png") no-repeat;
  background-size: 100% 100%;
  box-shadow: none;
  overflow: visible;
}
.toUpdateModal .ant-notification-notice-icon,
.toUpdateModal .ant-notification-notice-message {
  display: none;
}
.toUpdateModal .ant-notification-notice-description {
  margin-left: 0;
}
.toUpdateModal .ant-carousel .slick-dots-bottom {
  bottom: 0;
  margin-bottom: 0;
}
.toUpdateModal .ant-carousel .slick-dots li button {
  background: #62a9ff;
}
.toUpdateModal .ant-carousel .slick-dots li.slick-active button {
  background: #62a9ff;
}
.toUpdateModal .item {
  position: relative;
  padding-top: 35px;
}
.toUpdateModal .item .img1 {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -55px;
  left: -35px;
}
.toUpdateModal .item .img2 {
  width: 150px;
  height: 50px;
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
}
.toUpdateModal .item .title {
  color: #3c84f1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.toUpdateModal .item .content {
  padding-bottom: 10px;
}
.customerServiceModal .ant-modal-body {
  position: relative;
  text-align: center;
}
.customerServiceModal .mH {
  color: #0a0a0a;
  font-size: 18px;
}
.customerServiceModal .mB {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 20px;
}
.customerServiceModal .mB .item {
  width: 25%;
  cursor: pointer;
  padding: 8px;
  white-space: nowrap;
}
.customerServiceModal .mB .item:hover {
  color: #62a9ff;
}
.customerServiceModal .mB .item img {
  margin-bottom: 7px;
  width: 37px;
}
.customerServiceModal .closeIcon {
  font-size: 36px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: -60px;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
}
.customerServiceModal .closeIcon:hover {
  color: #ffffff;
}

.ant-message {
  font-size: 24px;
  top: 400px;
}
.ant-message .anticon {
  font-size: 24px;
}
body {
  font-family: 'Microsoft YaHei', '-apple-system', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.mainBody {
  width: 1200px;
  margin: 0 auto;
}
.notSelect,
img {
  -moz-user-select: none;
  /* Firefox私有属性 */
  -webkit-user-select: none;
  /* WebKit内核私有属性 */
  -ms-user-select: none;
  /* IE私有属性(IE10及以后) */
  -khtml-user-select: none;
  /* KHTML内核私有属性 */
  -o-user-select: none;
  /* Opera私有属性 */
  user-select: none;
  /* CSS3属性 */
}
img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome 和 Safari */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  image-rendering: -webkit-optimize-contrast;
}
video,
audio {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  outline: none;
}
.customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto!important;
  overflow-x: hidden!important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #F5F5F5;
}
.customScroll::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  background-color: #ECECEC;
}
.customScrollY {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-x: auto!important;
  overflow-y: hidden!important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.customScrollY::-webkit-scrollbar {
  width: 0;
  height: 8px;
}
.customScrollY::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background-color: #F5F5F5;
}
.customScrollY::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.box-show1 {
  position: relative;
}
.box-show1:hover {
  z-index: 2;
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.box-show2 {
  position: relative;
}
.box-show2:hover {
  z-index: 2;
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.box-show3 {
  position: relative;
  transition: all 0.5s;
}
.box-show3:hover {
  z-index: 2;
  transform: translateY(-10px);
  box-shadow: 0px 1px 20px 0px rgba(234, 81, 57, 0.2);
}
.colorFont {
  font-size: 18px;
  background: -webkit-linear-gradient(45deg, #6cdfe6, #e6c2b3, #e8da9d, #b1a8d0, #bed5f5);
  color: transparent;
  -webkit-background-clip: text;
  animation: colorFontRan 15s linear infinite;
}
@keyframes colorFontRan {
  from {
    backgroud-position: 0 0;
  }
  to {
    background-position: 2000px 0;
  }
}
.ant-affix {
  z-index: 1999 !important;
}
.watermarkRightImg {
  opacity: 0.9;
  z-index: 9;
  width: 130px;
  max-height: 65px;
  right: 5%;
  top: 5%;
  display: none;
}
.watermarkLeftImg {
  opacity: 0.9;
  z-index: 9;
  width: 130px;
  max-height: 65px;
  left: 5%;
  top: 5%;
  display: none;
}
.watermarkMiddleImg {
  opacity: 0.9;
  z-index: 9;
  width: 130px;
  max-height: 65px;
  left: 50%;
  top: 5%;
  display: none;
  transform: translateX(-65px);
}
.prism-player .prism-cover {
  background-repeat: no-repeat !important;
  z-index: 9;
}
.prism-setting-item.prism-setting-cc {
  display: none!important;
}
.prism-setting-item.prism-setting-audio {
  display: none!important;
}
.prism-big-play-btn.pause {
  display: block !important;
}
.prism-big-play-btn.playing {
  display: none !important;
}
.prism-player .prism-big-play-btn {
  z-index: 990!important;
}
.prism-player .prism-setting-list .prism-setting-speed {
  display: none!important;
}
.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange {
  display: none!important;
}
.contractModal .title {
  text-align: center;
  font-size: 20px;
  padding: 20px 0;
}
.contractModal .content {
  text-align: center;
  font-size: 18px;
  padding: 30px 0;
}
.contractModal .ant-modal-footer {
  text-align: center;
  display: flex;
  justify-content: space-around;
}

.second {
  color: #52c41a;
  margin-left: 20px;
}

.indexHome {
  background: url("/home_bg1.png") no-repeat 5% 800px, url("/home_bg2.png") no-repeat 95% 1200px, url("/home_bg3.png") no-repeat 5% 1600px, url("/home_bg4.png") no-repeat 95% 2000px, url("/home_bg5.png") no-repeat 5% 2400px, url("/home_bg6.png") no-repeat 95% 2800px, url("/home_bg7.png") no-repeat 5% 3200px, url("/home_bg8.png") no-repeat 95% 3600px, url("/home_bg9.png") no-repeat 5% 4000px, url("/home_bg1.png") no-repeat 95% 4400px, #f5f7f9;
}
.indexHome .searchTem {
  height: 140px;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/search_bg.png") no-repeat top center, #f5f8ff;
  background-size: cover;
}
.indexHome .searchTem .mainBody {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.indexHome .searchTem .M001LogoBox {
  width: 282px;
  display: flex;
  justify-content: center;
}
.indexHome .searchTem .M001LogoBox .logoImg {
  max-width: 300px;
  max-height: 100px;
}
.indexHome .searchTem .searchInput {
  width: 320px;
  height: 40px;
}
.indexHome .searchTem .searchInput .ant-btn {
  height: 40px;
  background: linear-gradient(270deg, #3CAFF1, #3C84F1);
}
.indexHome .searchTem .ewmBox {
  text-align: center;
  margin-left: 180px;
}
.indexHome .searchTem .ewm {
  max-width: 75px;
}
.indexHome .M005searchTem {
  height: 110px;
  background: #F5F7F9;
}
.indexHome .M005searchTem .mainBody {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.indexHome .M005searchTem .M005logoBox {
  width: 280px;
  display: flex;
  justify-content: center;
}
.indexHome .M005searchTem .M005logoBox .logoImg {
  max-height: 63px;
}
.indexHome .M005searchTem .searchInput {
  width: 370px;
}
.indexHome .M005searchTem .searchInput .ant-select .ant-select-selector {
  border-color: #EA5139;
  height: 40px;
}
.indexHome .M005searchTem .searchInput .ant-select .ant-select-selector .ant-select-selection-item {
  line-height: 38px;
}
.indexHome .M005searchTem .searchInput .ant-input-affix-wrapper {
  border-color: #EA5139;
  height: 40px;
  border-radius: 0;
}
.indexHome .M005searchTem .searchInput .ant-btn {
  height: 40px;
  background: #EA5139;
  border-color: #EA5139;
}
.indexHome .M005searchTem .ewmBox {
  text-align: center;
  display: flex;
  align-items: center;
  min-width: 150px;
}
.indexHome .M005searchTem .ewmBox .ewm {
  width: 37px;
  height: 37px;
}
.indexHome .M005searchTem .ewmBox .ewmPhone {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}
.indexHome .tempItem {
  padding-bottom: 50px;
}
.indexHome .tempItem .tempPopular {
  display: flex;
  flex-wrap: wrap;
}
.indexHome .tempItem .tempPopular > img,
.indexHome .tempItem .tempPopular a,
.indexHome .tempItem .tempPopular div {
  margin-right: 20px;
  height: max-content;
}
.indexHome .tempItem .tempPopular > img:last-child,
.indexHome .tempItem .tempPopular a:last-child,
.indexHome .tempItem .tempPopular div:last-child {
  margin-right: 0;
}
.indexHome .tempItem .tempPopular img {
  width: 285px;
}
.indexHome .tempItem .tempPopular1 img {
  width: 317px;
  border-radius: 10px;
}
.indexHome .tempItem .tempPopular1 > img,
.indexHome .tempItem .tempPopular1 a {
  margin-right: 44px;
}
.indexHome .tempItem .tempContent {
  display: flex;
  flex-wrap: wrap;
}
.indexHome .tempItem .tempContent a .courseCard {
  margin-right: 34.6px;
  margin-bottom: 30px;
}
.indexHome .tempItem .tempContent a:nth-of-type(4n) .courseCard {
  margin-right: 0;
}
.indexHome .tempItem .tempContent .broadcastCard {
  width: 400px;
  height: 152px;
  padding: 20px;
  display: flex;
  background-color: #fff;
  cursor: pointer;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}
.indexHome .tempItem .tempContent .broadcastCard:nth-of-type(3n+1) {
  border-left: 0;
}
.indexHome .tempItem .tempContent .broadcastCard:nth-of-type(-n + 3) {
  border-top: 0;
}
.indexHome .tempItem .tempContent .broadcastCard .ava {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  margin-right: 26px;
  object-fit: cover;
  object-position: top;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #656565;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t1 .type1 {
  color: #29d7a3;
  display: flex;
  align-items: baseline;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t1 .type1 img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t1 .type2 {
  color: #008059;
  display: flex;
  align-items: center;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t1 .type2 img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t2 {
  color: #333333;
  font-size: 18px;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t3 .name {
  color: #333333;
  font-size: 16px;
}
.indexHome .tempItem .tempContent .broadcastCard .rightC .t3 .courseName {
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  border-radius: 15px;
  color: #3b83f1;
  border: 1px solid #3b83f1;
}
.indexHome .tempItem .tempTeacher {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .tempItem .tempTeacher .arrow {
  width: 43px;
  height: 311px;
  background: #ffffff;
  opacity: 0.49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}
.indexHome .tempItem .tempTeacher .content {
  width: 1094px;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 {
  padding: 10px;
  display: flex !important;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 .teacherItem {
  height: 311px;
  width: 240px;
  padding: 15px;
  display: inline-block;
  background: #ffffff;
  margin-right: 38px;
  text-align: center;
  border-radius: 2px;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 .teacherItem:last-of-type {
  margin-right: 0;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 .teacherItem .img1 {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  object-fit: cover;
  object-position: top;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 .teacherItem .name {
  color: #000000;
  margin-bottom: 10px;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 .teacherItem .courseName {
  color: #333333;
  font-size: 12px;
  margin-bottom: 10px;
}
.indexHome .tempItem .tempTeacher .content .teacherCard1 .teacherItem .ant-typography {
  font-size: 12px;
  color: #666666;
}
.indexHome .tempItem .tempInformation {
  min-height: 400px;
  max-height: 60vh;
  background: #ffffff;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.indexHome .tempItem .tempInformation::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.indexHome .tempItem .tempInformation::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.indexHome .tempItem .tempInformation::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 rgba(59, 131, 241, 0.3);
  background-color: #3b83f1;
}
.indexHome .tempItem .tempInformation .ant-skeleton-header .ant-skeleton-avatar {
  width: 100px;
  height: 100px;
  border-radius: 2px;
}
.indexHome .tempItem .tempInformation .ant-skeleton-content .ant-skeleton-title {
  height: 24px;
}
.indexHome .tempItem .tempInformation .infoItem {
  padding: 30px;
  border-top: 1px solid #e4e4e4;
  display: flex;
  word-break: break-all;
}
.indexHome .tempItem .tempInformation .infoItem:first-of-type {
  border-top: 0;
}
.indexHome .tempItem .tempInformation .infoItem img {
  width: 200px;
  height: 114px;
}
.indexHome .tempItem .tempInformation .infoItem .right {
  flex: 1;
  font-size: 16px;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.indexHome .tempItem .tempInformation .infoItem .right .t1 {
  color: #333333;
  font-size: 18px;
  margin-bottom: 10px;
}
.indexHome .tempItem .tempInformation .infoItem .right .image-wrap {
  display: none;
}
.indexHome .tempItem .tempInformation .infoItem .right .t2 {
  color: #333333;
  margin-bottom: 5px;
}
.indexHome .tempItem .tempInformation .infoItem .right .t3 {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItem .tempInformation .infoItem .right .t3 .see {
  color: #808080;
}
.indexHome .tempItem .tempInformation .infoItem .right .t3 .see img {
  width: 32px;
  height: 23px;
}
.indexHome .tempItem .tempInformation .infoItem .right .t3 .detail {
  cursor: pointer;
  color: #ff5721;
}
.indexHome .tempItem .tempInformation .infoItem .right .t3 .detail:hover {
  text-decoration: underline;
}
.indexHome .tempItem .tempBroad {
  height: 280px;
  display: flex;
  background: #ffffff;
}
.indexHome .tempItem .tempBroad .left {
  width: 258px;
  background: #3c84f1;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  color: #f5f7f9;
}
.indexHome .tempItem .tempBroad .right {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .tempItem .tempBroad .right .arrow {
  width: 41px;
  opacity: 0.49;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}
.indexHome .tempItem .tempBroad .right .content {
  flex: 1;
  width: 860px;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard {
  width: 200px;
  display: inline-flex;
  margin-right: 20px;
  flex-direction: column;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard:last-of-type {
  margin-right: 0;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .ava {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 20px;
  object-fit: cover;
  object-position: top;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #656565;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t1 .type1 {
  color: #29d7a3;
  display: flex;
  align-items: baseline;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t1 .type1 img {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t1 .type2 {
  color: #008059;
  display: flex;
  align-items: center;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t1 .type2 img {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t2 {
  display: block;
  font-size: 16px;
  padding: 0 10px;
  margin-bottom: 5px;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t3 .name {
  color: #333333;
}
.indexHome .tempItem .tempBroad .right .content .broadcastCard .t3 .courseName {
  color: #3b83f1;
}
.indexHome .tempItem .tempConcise {
  display: flex;
  flex-wrap: wrap;
}
.indexHome .tempItem .tempConcise a .courseCard {
  margin-right: 34.6px;
  margin-bottom: 30px;
}
.indexHome .tempItem .tempConcise a:nth-of-type(4n) .courseCard {
  margin-right: 0;
}
.indexHome .tempItem .tempConcise .broadcastCard {
  width: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}
.indexHome .tempItem .tempConcise .broadcastCard:nth-of-type(4n + 1) {
  border-left: 0;
}
.indexHome .tempItem .tempConcise .broadcastCard:nth-of-type(-n + 4) {
  border-top: 0;
}
.indexHome .tempItem .tempConcise .broadcastCard .ava {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  margin-bottom: 20px;
  object-fit: cover;
  object-position: top;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #656565;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t1 .type1 {
  color: #29d7a3;
  display: flex;
  align-items: baseline;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t1 .type1 img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t1 .type2 {
  color: #008059;
  display: flex;
  align-items: center;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t1 .type2 img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t2 {
  color: #333333;
  font-size: 18px;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t3 .name {
  color: #333333;
  font-size: 16px;
  white-space: nowrap;
}
.indexHome .tempItem .tempConcise .broadcastCard .rightC .t3 .courseName {
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  border-radius: 15px;
  color: #3b83f1;
  border: 1px solid #3b83f1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.indexHome .tempItem .noData {
  justify-content: center;
  padding: 20px 0;
}
.indexHome .tempItem .moBtnBox {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.indexHome .tempItem .moBtnBox .moreBtn {
  line-height: 34px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid #4B8EF2;
  border-radius: 18px;
  font-size: 16px;
  padding: 0 20px;
  color: #488BF2;
  cursor: pointer;
}
.indexHome .tempItem .moBtnBox .moreBtn:hover {
  background: #4B8EF2;
  color: #FFF;
}
.indexHome .m001Title {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.indexHome .m001Title .left {
  flex: 1;
}
.indexHome .m001Title .tableBox {
  display: flex;
  align-items: baseline;
}
.indexHome .m001Title .tableBox .tableItem {
  color: #000000;
  font-size: 16px;
  margin-right: 24px;
  cursor: pointer;
}
.indexHome .m001Title .tableBox .select {
  color: #3b83f1;
  font-size: 24px;
}
.indexHome .m001Title .right {
  display: flex;
  align-items: center;
}
.indexHome .m001Title .right .more_icon {
  font-size: 24px;
  margin-left: 6px;
}
.indexHome .m002Title {
  margin-bottom: 30px;
}
.indexHome .m002Title .ant-divider {
  margin: 0;
}
.indexHome .m002Title .ant-divider::before,
.indexHome .m002Title .ant-divider::after {
  border-color: #e5e5e5;
}
.indexHome .m002Title .ant-divider .ant-divider-inner-text {
  color: #333333;
  font-size: 32px;
  font-weight: 600;
}
.indexHome .m002Title .courseBox {
  display: flex;
  flex-wrap: wrap;
}
.indexHome .m002Title .courseBox .item {
  margin-top: 15px;
  margin-right: 20px;
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  border-radius: 18px;
  background: #ebf2fc;
  color: #3c84f1;
  font-size: 16px;
  cursor: pointer;
}
.indexHome .m002Title .courseBox .item:hover {
  background: linear-gradient(-90deg, #7cacf5, #3c84f1);
  color: #ffffff;
}
.indexHome .m002Title .courseBox .select {
  background: linear-gradient(-90deg, #7cacf5, #3c84f1);
  color: #ffffff;
}
.indexHome .m002Title .courseBox .moreItem {
  background: #ffffff;
  border: 1px solid #4b8ef2;
}
.indexHome .m002Title .more {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  position: relative;
  z-index: 1;
}
.indexHome .m002Title .more .tableBox {
  display: flex;
  align-items: baseline;
}
.indexHome .m002Title .more .tableBox .tableItem {
  color: #000000;
  font-size: 16px;
  margin-right: 24px;
  cursor: pointer;
}
.indexHome .m002Title .more .tableBox .select {
  color: #3b83f1;
  font-size: 24px;
}
.indexHome .m002Title .more .right {
  display: flex;
  align-items: center;
}
.indexHome .m002Title .more .right .more_icon {
  font-size: 24px;
  margin-left: 6px;
}
.indexHome .m003Title {
  display: flex;
  margin-bottom: 20px;
}
.indexHome .m003Title .logoImg {
  width: 36px;
  height: 36px;
}
.indexHome .m003Title .name {
  color: #333333;
  font-size: 26px;
  margin: -5px 50px 0 5px;
}
.indexHome .m003Title .courseBox {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.indexHome .m003Title .courseBox .item {
  margin-bottom: 15px;
  margin-right: 20px;
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  border-radius: 18px;
  background: #ebf2fc;
  color: #3c84f1;
  font-size: 16px;
  cursor: pointer;
}
.indexHome .m003Title .courseBox .item:hover {
  background: linear-gradient(-90deg, #7cacf5, #3c84f1);
  color: #ffffff;
}
.indexHome .m003Title .courseBox .select {
  background: linear-gradient(-90deg, #7cacf5, #3c84f1);
  color: #ffffff;
}
.indexHome .m003Title .moreItem {
  display: flex;
  padding-top: 10px;
}
.indexHome .m003Title .moreItem .more_icon {
  font-size: 24px;
  margin-left: 6px;
}
.indexHome .m004Title {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .m004Title .more {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  position: relative;
  z-index: 1;
}
.indexHome .m004Title .more .tableBox {
  display: flex;
  align-items: baseline;
}
.indexHome .m004Title .more .tableBox .tableItem {
  color: #000000;
  font-size: 16px;
  margin-right: 24px;
  cursor: pointer;
}
.indexHome .m004Title .more .tableBox .select {
  color: #FF423B;
  font-size: 24px;
}
.indexHome .m004Title .more .right {
  display: flex;
  align-items: center;
}
.indexHome .m004Title .more .right .more_icon {
  font-size: 24px;
  margin-left: 6px;
}
.indexHome .tempItem1 {
  padding-top: 45px;
  background: url("/m003_t6.png") no-repeat top center, #DDE6F3;
  background-size: cover;
}
.indexHome .tempItem1 .tempInformation {
  padding: 20px;
  display: flex;
}
.indexHome .tempItem1 .tempInformation .infoCont {
  flex: 1;
  margin-left: 35px;
}
.indexHome .tempItem1 .tempInformation .infoCont .detail {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 16px;
  margin-bottom: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.indexHome .tempItem1 .tempInformation .infoCont .detail .time {
  background: #EFF0F4;
  padding: 3px 10px;
  font-size: 14px;
  border-radius: 2px 6px 2px 6px;
  display: inline-block;
  margin-right: 20px;
}
.indexHome .tempItem1 .tempInformation .infoCont .detail:hover {
  color: #3C84F1;
}
.indexHome .tempItem1 .tempInformation .infoCont .detail:hover .time {
  background: #E3F5FF;
}
.indexHome .tempItem1 .tempInformation .infoCont .detail:hover .t4 {
  text-decoration: underline;
}
.indexHome .tempItem2 {
  padding-top: 45px;
  background: url("/m003_t7.png") no-repeat top center, #2E2B3C;
  background-size: cover;
}
.indexHome .tempItem2 .title1 {
  font-size: 30px;
  font-weight: bold;
  color: #F5F7F9;
  text-align: center;
}
.indexHome .tempItem2 .title2 {
  font-size: 18px;
  font-weight: bold;
  color: #F5F7F9;
  text-align: center;
  opacity: 0.1;
  margin-bottom: 100px;
}
.indexHome .tempItem2 .tempTeacher1 {
  display: flex;
  justify-content: center;
}
.indexHome .tempItem2 .tempTeacher1 .left {
  position: relative;
  width: 600px;
  min-height: 360px;
  padding: 45px 36px 10px 257px;
  background: white;
  border-radius: 6px;
  opacity: 0.1;
  transition: all 0.3s linear;
}
.indexHome .tempItem2 .tempTeacher1 .left .img1 {
  width: 250px;
  height: 313px;
  position: absolute;
  top: -27px;
  left: -36px;
  border-radius: 6px;
}
.indexHome .tempItem2 .tempTeacher1 .left .name {
  color: #333333;
  font-size: 24px;
  margin-bottom: 15px;
}
.indexHome .tempItem2 .tempTeacher1 .left .courseName {
  color: #3C84F1;
  font-size: 18px;
  margin-bottom: 15px;
}
.indexHome .tempItem2 .tempTeacher1 .left .audition {
  display: flex;
  align-items: center;
  font-size: 16px;
  background: #3C84F1;
  border-radius: 20px 0 0 20px;
  padding: 0 2px 0 15px;
  height: 40px;
  position: absolute;
  top: 37px;
  right: 0;
  color: #fff;
  opacity: 0.9;
}
.indexHome .tempItem2 .tempTeacher1 .left .audition .anticon {
  margin-top: 2px;
  font-size: 18px;
  margin-left: 2px;
}
.indexHome .tempItem2 .tempTeacher1 .left .audition:hover {
  color: #fff;
  opacity: 1;
}
.indexHome .tempItem2 .tempTeacher1 .right {
  margin-left: 20px;
  width: 440px;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #F5F7F9;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 .t1 {
  font-size: 20px;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 .t2 {
  font-size: 12px;
  font-weight: bold;
  color: #F5F7F9;
  opacity: 0.1;
  flex: 1;
  margin-left: 10px;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 .moreBtn {
  color: #b6b5bc;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 .moreBtn:hover {
  color: #F5F7F9;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 .anticon {
  font-size: 22px;
  margin-left: 8px;
  color: #b6b5bc;
}
.indexHome .tempItem2 .tempTeacher1 .right .title3 .anticon:hover {
  color: #F5F7F9;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 {
  display: flex !important;
  flex-wrap: wrap;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 .imgBox {
  width: 80px;
  height: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 .imgBox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 .imgBox.sel::before {
  background: inherit;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 .imgBox:nth-of-type(5n) {
  margin-right: 0;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 .imgBox:nth-of-type(10-n) {
  margin-bottom: 0;
}
.indexHome .tempItem2 .tempTeacher1 .right .teacherCard2 .img1 {
  width: 80px;
  height: 100px;
  border-radius: 6px;
}
.indexHome .tempItem3 .tempContent1 {
  display: flex;
}
.indexHome .tempItem3 .tempContent1 .leftCT {
  width: 274px;
  margin-right: 34px;
}
.indexHome .tempItem3 .tempContent1 .leftCT .typeItem {
  height: 60px;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 60px;
  background: white;
  cursor: pointer;
}
.indexHome .tempItem3 .tempContent1 .leftCT .typeItem .more_icon {
  color: #7C7C7C;
}
.indexHome .tempItem3 .tempContent1 .leftCT .typeItem:first-of-type {
  border-bottom: 1px solid #EEEEEE;
  border-radius: 6px 6px 0 0;
}
.indexHome .tempItem3 .tempContent1 .leftCT .typeItem:last-of-type {
  border-radius: 0 0 6px 6px;
  margin-bottom: 30px;
}
.indexHome .tempItem3 .tempContent1 .leftCT .typeItem.selt .name {
  color: #3C84F1;
}
.indexHome .tempItem3 .tempContent1 .rightCT {
  flex: 1;
}
.indexHome .tempItem3 .tempContent1 .rightCT .noData {
  margin-top: 160px;
}
.indexHome .tempItem3 .tempContent1 .rightCT a:nth-of-type(4n) .courseCard {
  margin-right: 34.6px;
}
.indexHome .tempItem3 .tempContent1 .rightCT a:nth-of-type(3n) .courseCard {
  margin-right: 0;
}
.indexHome .tempItem4 .tempInformation {
  background: url("/m004_t6.png") no-repeat left top, #fff;
  display: flex;
  flex-wrap: wrap;
  max-height: 100vh;
  min-height: 0;
}
.indexHome .tempItem4 .tempInformation .infoItem {
  width: 50%;
  overflow: hidden;
}
.indexHome .tempItem4 .tempInformation .infoItem .right .t1 {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 310px;
}
.indexHome .tempItem4 .tempInformation .infoItem .M004Right {
  height: 114px;
}
.indexHome .tempItem4 .tempInformation .infoItem:nth-of-type(2) {
  border-top: 0;
}
.indexHome .tempItem5 .titleImg {
  margin: 0 auto 60px;
  display: block;
}
.indexHome .tempItem5 .tempTeacher2 {
  display: flex;
  min-height: 450px;
  padding-bottom: 20px;
  background: url("/m004_t8.png") no-repeat bottom center;
  opacity: 0.1;
  transition: all 0.5s linear;
}
.indexHome .tempItem5 .tempTeacher2 .imgBox {
  padding-left: 23px;
  display: flex;
  align-items: flex-end;
}
.indexHome .tempItem5 .tempTeacher2 .imgBox .img1 {
  width: 340px;
  height: 426px;
}
.indexHome .tempItem5 .tempTeacher2 .content {
  flex: 1;
  margin-left: 30px;
  padding-top: 78px;
  position: relative;
}
.indexHome .tempItem5 .tempTeacher2 .content .t1 {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 120px;
}
.indexHome .tempItem5 .tempTeacher2 .content .t1::before {
  content: '';
  width: 12px;
  height: 45px;
  background: linear-gradient(-90deg, #CA995A, #CEAA8C);
  border-radius: 5px;
  margin-right: 20px;
}
.indexHome .tempItem5 .tempTeacher2 .content .t1 .name {
  padding: 0 40px;
  height: 42px;
  line-height: 42px;
  background: #FFFFFF;
  border: 1px solid #CEAA8C;
  border-radius: 21px;
  color: #785D3A;
  font-size: 22px;
}
.indexHome .tempItem5 .tempTeacher2 .content .t1 .courseName {
  flex: 1;
  color: #333333;
  font-size: 18px;
  margin: 0 25px;
}
.indexHome .tempItem5 .tempTeacher2 .content .t1 .right {
  display: flex;
  align-items: center;
}
.indexHome .tempItem5 .tempTeacher2 .content .t1 .right .more_icon {
  font-size: 24px;
  margin-left: 6px;
}
.indexHome .tempItem5 .tempTeacher2 .content .ant-typography {
  font-size: 18px;
}
.indexHome .tempItem5 .tempTeacher2 .content .audition {
  position: absolute;
  right: 48px;
  bottom: 4px;
  color: #C19D79;
  font-size: 18px;
  height: 44px;
  line-height: 42px;
  padding: 0 42px;
  background: #FFFFFF;
  border: 1px solid #C19D79;
  border-radius: 2px;
  opacity: 0.9;
}
.indexHome .tempItem5 .tempTeacher2 .content .audition:hover {
  opacity: 1;
}
.indexHome .tempItem5 .carouselBox {
  margin-top: 30px;
  padding-bottom: 30px;
  width: 1400px;
}
.indexHome .tempItem5 .carouselBox .ant-carousel .slick-dots-bottom {
  bottom: -40px;
}
.indexHome .tempItem5 .carouselBox .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
}
.indexHome .tempItem5 .carouselBox .ant-carousel .slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
}
.indexHome .tempItem5 .carouselBox .ant-carousel .slick-dots li.slick-active {
  width: 25px;
}
.indexHome .tempItem5 .carouselBox .ant-carousel .slick-dots li.slick-active button {
  width: 25px;
  background: #41a5fd;
}
.indexHome .tempItem5 .carouselBox .teacherCard3 {
  display: flex !important;
}
.indexHome .tempItem5 .carouselBox .teacherCard3 .img1 {
  width: 122px;
  height: 152px;
  background: #FFFFFF;
  opacity: 0.8;
  margin-right: 20px;
  cursor: pointer;
}
.indexHome .tempItem5 .carouselBox .teacherCard3 .img1:last-of-type {
  margin-right: 0;
}
.indexHome .tempItem5 .carouselBox .teacherCard3 .img2 {
  opacity: 1;
  border: 2px solid #FF473D;
}
.indexHome .tempItem6 .mainBody {
  padding: 26px 26px 0;
  background: url("/m004_t4.png") no-repeat left top, url("/m004_t5.png") no-repeat right bottom, white;
}
.indexHome .tempItem6 .mainBody .courseBox .item {
  background: #EEEEEE;
  color: #505050;
}
.indexHome .tempItem6 .mainBody .courseBox .item:hover {
  color: #FFFFFF;
  background: linear-gradient(-90deg, #FF6647, #FF423B);
}
.indexHome .tempItem6 .mainBody .courseBox .select {
  color: #FFFFFF;
  background: linear-gradient(-90deg, #FF6647, #FF423B);
}
.indexHome .tempItem6 .mainBody .tempContent a .courseCard {
  width: 298px;
  margin-right: 50px;
  border: 1px solid #DCDCDC;
}
.indexHome .tempItem6 .mainBody .tempContent a .courseCard .topImg {
  width: 296px;
  height: 170px;
  margin-right: 49px;
}
.indexHome .tempItem6 .mainBody .tempContent a:nth-of-type(4n) .courseCard {
  margin-right: 50px;
}
.indexHome .tempItem6 .mainBody .tempContent a:nth-of-type(3) .courseCard {
  margin-right: 0px;
}
.indexHome .tempItem6 .mainBody .tempContent a:nth-of-type(7) .courseCard {
  margin-right: 0px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 {
  width: 644px;
  padding: 22px 21px;
  margin-right: 50px;
  margin-bottom: 30px;
  border: 1px solid #DCDCDC;
  border-radius: 6px;
  display: flex;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .topImg {
  width: 439px;
  height: 236px;
  border-radius: 6px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right {
  margin-left: 18px;
  flex: 1;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .titleImg {
  margin-bottom: 20px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .courseTitleBox {
  color: #333333;
  font-size: 18px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .studyNum {
  display: flex;
  align-items: baseline;
  color: #666666;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .studyNum img {
  width: 17px;
  height: 15px;
  margin-right: 5px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .middle {
  font-size: 14px;
  text-decoration: line-through;
  color: #666666;
  line-height: 26px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .retailPrice {
  font-size: 18px;
  font-weight: bold;
  color: #f05e58;
  line-height: 26px;
}
.indexHome .tempItem6 .mainBody .tempContent .courseCard1 .right .retailPrice span {
  color: #2ad8a4;
}
.indexHome .tempItem7 {
  background: url("/m005_t10.png") no-repeat center, #38364B;
  height: 556px;
}
.indexHome .tempItem7 .mainBody {
  position: relative;
}
.indexHome .tempItem7 .title {
  padding-top: 40px;
  color: #FFFFFF;
  font-size: 30px;
  text-align: center;
}
.indexHome .tempItem7 .item {
  width: 248px;
  height: 217px;
  text-align: center;
  color: #333333;
  position: absolute;
  cursor: pointer;
}
.indexHome .tempItem7 .item:nth-of-type(1) {
  top: 47px;
  left: 0;
}
.indexHome .tempItem7 .item:nth-of-type(2) {
  top: 198px;
  left: 212px;
}
.indexHome .tempItem7 .item:nth-of-type(3) {
  top: 47px;
  left: 435px;
}
.indexHome .tempItem7 .item:nth-of-type(4) {
  top: 198px;
  left: 698px;
}
.indexHome .tempItem7 .item:nth-of-type(5) {
  top: 47px;
  left: 903px;
}
.indexHome .tempItem7 .item:nth-of-type(6) {
  top: 198px;
  left: 1133px;
}
.indexHome .tempItem7 .item img {
  position: absolute;
  top: 0;
  left: 0;
}
.indexHome .tempItem7 .item .content {
  width: 248px;
  height: 217px;
  background: url("/m005_t11.png") no-repeat;
  padding-top: 15px;
  transition: all 0.3s;
}
.indexHome .tempItem7 .item .t1 {
  font-weight: 700;
  margin: 0 auto 10px;
  width: 24px;
  height: 24px;
  position: relative;
}
.indexHome .tempItem7 .item .t1 img {
  width: 24px;
  height: 24px;
}
.indexHome .tempItem7 .item .t1 .img1 {
  opacity: 1;
}
.indexHome .tempItem7 .item .t1 .img2 {
  opacity: 0;
}
.indexHome .tempItem7 .item .t2 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}
.indexHome .tempItem7 .item .t3 {
  font-size: 16px;
  padding: 0 38px;
}
.indexHome .tempItem7 .item:hover {
  color: #EA5139;
}
.indexHome .tempItem7 .item:hover .content {
  background: url("/m005_t12.png") no-repeat;
  transform: translate(-25px, -14px);
}
.indexHome .tempItem7 .item:hover .t1 .img1 {
  opacity: 0;
}
.indexHome .tempItem7 .item:hover .t1 .img2 {
  opacity: 1;
}
.indexHome .tempItemM005 {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
}
.indexHome .tempItemM005 .m005Title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 20px 0 15px;
  background: #FFFFFF;
}
.indexHome .tempItemM005 .m005Title .left {
  display: flex;
  align-items: center;
}
.indexHome .tempItemM005 .m005Title .left img {
  width: 144px;
  height: 32px;
}
.indexHome .tempItemM005 .m005Title .left .name {
  font-size: 24px;
  font-family: ZhenyanGB;
  color: #EA5139;
  font-weight: bold;
}
.indexHome .tempItemM005 .m005Title .right {
  height: 28px;
  display: flex;
  align-items: center;
  border-radius: 14px;
  font-weight: bold;
  font-size: 12px;
  padding: 0 10px 0 20px;
}
.indexHome .tempItemM005 .m005Title .right .more_icon {
  font-size: 12px;
  margin-left: 6px;
  font-weight: bold;
}
.indexHome .tempItemM005 .m005Body {
  background: #FFF1EF;
  display: flex;
}
.indexHome .tempItemM005 .m005Body .leftItem {
  width: 280px;
  padding-left: 30px;
  background: #EA5139;
}
.indexHome .tempItemM005 .m005Body .leftItem .hed {
  padding-left: 34px;
  font-size: 22px;
  color: #FFFFFF;
  height: 70px;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.indexHome .tempItemM005 .m005Body .leftItem .hed img {
  margin-right: 6px;
}
.indexHome .tempItemM005 .m005Body .leftItem .customScroll::-webkit-scrollbar {
  width: 0;
  height: 0;
  transition: all 1s;
}
.indexHome .tempItemM005 .m005Body .leftItem .customScroll:hover::-webkit-scrollbar {
  width: 6px;
}
.indexHome .tempItemM005 .m005Body .leftItem .itemBox .item {
  padding-left: 34px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px 0 0 10px;
  color: #FFFFFF;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 5px;
  white-space: nowrap;
}
.indexHome .tempItemM005 .m005Body .leftItem .itemBox .item:hover {
  background: #FFF1EF;
  color: #EA5139;
}
.indexHome .tempItemM005 .m005Body .leftItem .itemBox .select {
  background: #FFF1EF;
  color: #EA5139;
}
.indexHome .tempItemM005 .m005Body .leftItem .itemCourse {
  background: url(/recommendClass.png) no-repeat bottom right;
}
.indexHome .tempItemM005 .m005Body .leftItem .itemPackage {
  background: url(/valueMeals.png) no-repeat bottom right;
}
.indexHome .tempItemM005 .m005Body .content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}
.indexHome .tempItemM005 .m005Body .content .noData {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.indexHome .tempItemM005 .m005Body .content a .courseCard {
  margin-right: 69px;
  margin-bottom: 20px;
  transition: all 0.5s;
}
.indexHome .tempItemM005 .m005Body .content a .courseCard:hover {
  box-shadow: 0px 1px 20px 0px rgba(234, 81, 57, 0.2);
  z-index: 2;
}
.indexHome .tempItemM005 .m005Body .content a:nth-of-type(3n) .courseCard {
  margin-right: 0;
}
.indexHome .tempItemM005 .m005Body .content a:nth-of-type(n-3) .courseCard {
  margin-bottom: 0;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard {
  width: 300px;
  height: 275px;
  background: #FFFFFF;
  box-shadow: 0px 1px 20px 0px rgba(234, 81, 57, 0.2);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  margin-right: 33px;
  margin-bottom: 18px;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard:nth-of-type(4n) {
  margin-right: 0;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard:nth-of-type(4-n) {
  margin-bottom: 0;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .ava {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-bottom: 20px;
  object-fit: cover;
  object-position: top;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #333333;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #656565;
  white-space: nowrap;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t1 .type1 {
  color: #29d7a3;
  display: flex;
  align-items: baseline;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t1 .type1 img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t1 .type2 {
  color: #008059;
  display: flex;
  align-items: center;
  line-height: 1;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t1 .type2 img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t2 {
  color: #333333;
  font-size: 18px;
  margin-bottom: 0;
  min-height: 56px;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t3 .name {
  color: #333333;
  font-size: 16px;
  white-space: nowrap;
}
.indexHome .tempItemM005 .m005Body .content .broadcastCard .rightC .t3 .courseName {
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  border-radius: 15px;
  color: #3b83f1;
  border: 1px solid #3b83f1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.indexHome .tempItemM005 .m005Body .content .infoItem {
  width: 48%;
  padding: 18px 20px;
  display: flex;
  word-break: break-all;
  background: #FFFFFF;
  box-shadow: 0px 1px 20px 0px rgba(234, 81, 57, 0.1);
  border-radius: 10px;
  margin-right: 4%;
  margin-top: 20px;
}
.indexHome .tempItemM005 .m005Body .content .infoItem:nth-of-type(2n) {
  margin-right: 0;
}
.indexHome .tempItemM005 .m005Body .content .infoItem:nth-of-type(1) {
  margin-top: 0;
}
.indexHome .tempItemM005 .m005Body .content .infoItem:nth-of-type(2) {
  margin-top: 0;
}
.indexHome .tempItemM005 .m005Body .content .infoItem:hover .right {
  text-decoration: underline;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .aaImg {
  width: 200px;
  height: 114px;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right {
  flex: 1;
  font-size: 16px;
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t1 {
  color: #333333;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .image-wrap {
  display: none;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t2 {
  color: #333333;
  margin-bottom: 5px;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right div.ant-typography,
.indexHome .tempItemM005 .m005Body .content .infoItem .right .ant-typography p {
  margin-bottom: 5px;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t3 {
  display: flex;
  justify-content: flex-end;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t3 .see {
  color: #808080;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t3 .see img {
  width: 32px;
  height: 23px;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t3 .detail {
  cursor: pointer;
  color: #ff5721;
}
.indexHome .tempItemM005 .m005Body .content .infoItem .right .t3 .detail:hover {
  text-decoration: underline;
}
.indexHome .tempItemM005 .m005Body .content1 {
  padding: 20px 80px;
}
.indexHome .tempItemM005 .m005Body .content1 .courseCard .topImg {
  width: 253px;
  height: 144px;
  margin: 10px auto 0;
  display: block;
  border-radius: 10px;
}
.indexHome .tempItemM005 .m005Body .content2 {
  padding: 20px 50px;
}
.indexHome .tempItemM005 .m005Body .contentTea {
  flex: 1;
  display: flex;
  height: 408px;
}
.indexHome .tempItemM005 .m005Body .contentTea .arrBox {
  width: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indexHome .tempItemM005 .m005Body .contentTea .arrBox img {
  cursor: pointer;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox {
  width: 1144px;
  padding-top: 45px;
  overflow: hidden;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainContent {
  display: flex;
  align-items: flex-end;
  width: max-content;
  height: 345px;
  position: relative;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem {
  margin-left: 20px;
  width: 150px;
  border-radius: 10px;
  transition: all 0.3s;
  display: flex;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem .portrait {
  width: 148px;
  height: 186px;
  border-radius: 10px;
  transition: width 0.3s;
  cursor: pointer;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem .rightT {
  position: relative;
  transition: all 0.3s 0.1s;
  opacity: 0;
  display: none;
  flex: 1;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem .rightT .name {
  font-weight: bold;
  color: #333333;
  line-height: 36px;
  font-size: 24px;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem .rightT .courseName {
  font-weight: bold;
  color: #EA5139;
  line-height: 36px;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  width: 290px;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem .rightT .audition {
  display: flex;
  align-items: center;
  font-size: 16px;
  background: #EA5139;
  border-radius: 20px 0 0 20px;
  padding: 0 12px 0 20px;
  height: 40px;
  position: absolute;
  bottom: 37px;
  right: 0;
  color: #fff;
  opacity: 0.9;
  line-height: 40px;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .mainItem .rightT .audition:hover {
  color: #fff;
  opacity: 1;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .select {
  margin-left: 54px;
  width: 570px;
  box-shadow: 0px 1px 20px 0px rgba(234, 81, 57, 0.1);
  background: #FFFFFF;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .select .portrait {
  width: 250px;
  height: 313px;
  transform: translate(-36px, -27px);
  cursor: auto;
}
.indexHome .tempItemM005 .m005Body .contentTea .mainBox .select .rightT {
  padding-top: 30px;
  padding-right: 30px;
  opacity: 1;
  display: block;
}
.indexHome .leftQrCode {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  min-height: 160px;
  width: 250px;
  background: url("/m004_t2.png") no-repeat center top, url("/m004_t3.png") no-repeat center bottom;
  padding: 88px 12px 7px;
}
.indexHome .leftQrCode .closeIcon {
  position: absolute;
  right: 0;
  top: -15px;
  font-size: 20px;
  color: #C4C6C7;
}
.indexHome .leftQrCode .closeIcon:hover {
  color: #a7a9aa;
}
.indexHome .leftQrCode .contentB {
  max-height: 448px;
  background: #F8F9FE;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 7px;
}
.indexHome .leftQrCode .contentB .item {
  border: 1px solid #BADDFB;
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 10px 8px;
  display: block;
}
.indexHome .leftQrCode .contentB .item:last-of-type {
  margin-bottom: 0;
}
.indexHome .leftQrCode .contentB .item .free1 {
  height: 20px;
  line-height: 20px;
  background: #FF413C;
  border-radius: 10px;
  font-size: 12px;
  color: white;
  padding: 0 15px;
  display: inline-block;
}
.indexHome .leftQrCode .contentB .item .free2 {
  background: #2ad8a4;
}
.indexHome .leftQrCode .contentB .item .tt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.indexHome .leftQrCode .contentB .item .tt .name {
  display: flex;
  font-size: 12px;
  flex: 1;
}
.indexHome .leftQrCode .contentB .item .tt .name img {
  margin-right: 3px;
  width: 15px;
  height: 14px;
  margin-top: 2px;
}
.indexHome .leftQrCode .contentB .item .tt .time {
  border-radius: 9px;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  font-size: 12px;
  color: white;
}
.indexHome .leftQrCode .contentB .item .t1 .name {
  color: #FB8B1D;
}
.indexHome .leftQrCode .contentB .item .t1 .time {
  background: #FB8B1D;
}
.indexHome .leftQrCode .contentB .item .t2 .name {
  color: #4151B9;
}
.indexHome .leftQrCode .contentB .item .t2 .time {
  background: #4151B9;
}
.indexHome .leftQrCode .contentB .item .t3 {
  margin-top: 10px;
  color: #AEAEAE;
  font-size: 12px;
}
.indexHome .closeLeftQrCode {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}
.indexHome .opacityChange {
  opacity: 1 !important;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody {
  padding: 22px 22px 0;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent a .courseCard {
  width: 255px;
  margin-right: 43px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent a .courseCard .topImg {
  width: 255px;
  height: 170px;
  margin-right: 49px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent a:nth-of-type(4n) .courseCard {
  margin-right: 42px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent a:nth-of-type(3) .courseCard {
  margin-right: 0px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent a:nth-of-type(7) .courseCard {
  margin-right: 0px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent .courseCard1 {
  width: 552px;
  padding: 18px 18px;
  margin-right: 43px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent .courseCard1 .topImg {
  width: 376px;
  border-radius: 5px;
}
.indexHome.innerWidth1200 .tempItem6 .mainBody .tempContent .courseCard1 .right {
  margin-left: 15px;
}
.indexHome.innerWidth1200 .tempItem5 .carouselBox {
  width: 1200px;
}
.indexHome.innerWidth1200 .tempItem5 .carouselBox .teacherCard3 .img1 {
  width: 111px;
  height: 138px;
  margin-right: 8px;
}
.indexHome.innerWidth1200 .tempItemM005 .m005Body .content a .courseCard {
  margin-right: 15px;
}
.indexHome.innerWidth1200 .tempItemM005 .m005Body .content1 {
  padding: 20px 20px 20px 30px;
}
.indexHome.innerWidth1200 .tempItemM005 .m005Body .contentTea .arrBox {
  width: 118px;
}
.indexHome.innerWidth1200 .tempItemM005 .m005Body .contentTea .mainBox {
  width: 964px;
}
.indexHome.innerWidth1200 .tempItem7 {
  height: 606px;
}
.indexHome.innerWidth1200 .tempItem7 .item {
  width: 248px;
  height: 217px;
}
.indexHome.innerWidth1200 .tempItem7 .item:nth-of-type(1) {
  top: 47px;
  left: 0;
}
.indexHome.innerWidth1200 .tempItem7 .item:nth-of-type(2) {
  top: 240px;
  left: 178px;
}
.indexHome.innerWidth1200 .tempItem7 .item:nth-of-type(3) {
  top: 47px;
  left: 362px;
}
.indexHome.innerWidth1200 .tempItem7 .item:nth-of-type(4) {
  top: 240px;
  left: 545px;
}
.indexHome.innerWidth1200 .tempItem7 .item:nth-of-type(5) {
  top: 47px;
  left: 733px;
}
.indexHome.innerWidth1200 .tempItem7 .item:nth-of-type(6) {
  top: 240px;
  left: 923px;
}
.indexHome.innerWidth1200 .tempItem7 .item .content {
  width: 248px;
  height: 217px;
}
.indexHome .M006searchTem {
  height: 110px;
  background: #F5F7F9;
}
.indexHome .M006searchTem .mainBody {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.indexHome .M006searchTem .M006logoBox {
  width: 280px;
  display: flex;
  justify-content: center;
}
.indexHome .M006searchTem .M006logoBox .logoImg {
  max-height: 63px;
}
.indexHome .M006searchTem .searchInput {
  width: 370px;
}
.indexHome .M006searchTem .searchInput .ant-select .ant-select-selector {
  border-color: #3285FF;
  height: 40px;
}
.indexHome .M006searchTem .searchInput .ant-select .ant-select-selector .ant-select-selection-item {
  line-height: 38px;
}
.indexHome .M006searchTem .searchInput .ant-input-affix-wrapper {
  border-color: #3285FF;
  height: 40px;
  border-radius: 0;
}
.indexHome .M006searchTem .searchInput .ant-btn {
  height: 40px;
  background: #3285FF;
  border-color: #3285FF;
}
.indexHome .M006searchTem .ewmBox {
  text-align: center;
  display: flex;
  align-items: center;
  min-width: 150px;
}
.indexHome .M006searchTem .ewmBox .ewm {
  width: 37px;
  height: 37px;
}
.indexHome .M006searchTem .ewmBox .ewmPhone {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}
.indexHome .tempItemM006 {
  margin-top: 60px;
}
.indexHome .tempItemM006 .m006mainContent {
  shape-outside: none;
  width: 1400px;
  margin: 0 auto;
  padding-top: 60px;
}
.indexHome .tempItemM006 .m006mainContentMinor {
  shape-outside: none;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.indexHome .tempItemM006 .m006title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.indexHome .tempItemM006 .m006title .left {
  display: flex;
  align-items: center;
}
.indexHome .tempItemM006 .m006title .left img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.indexHome .tempItemM006 .m006title .left .name {
  font-size: 26px;
  color: #3285FF;
  font-weight: bold;
}
.indexHome .tempItemM006 .m006title .right {
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3285FF;
  border-radius: 15px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .pkTitle {
  display: flex;
  margin-bottom: 25px;
}
.indexHome .tempItemM006 .pkTitle .leftName {
  display: flex;
  align-items: center;
  margin-right: 45px;
}
.indexHome .tempItemM006 .pkTitle .leftName .logoImg {
  width: 24px;
  height: 28px;
}
.indexHome .tempItemM006 .pkTitle .leftName .name {
  color: #3285FF;
  font-size: 26px;
  font-weight: bold;
  margin-left: 15px;
}
.indexHome .tempItemM006 .pkTitle .courseBox {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.indexHome .tempItemM006 .pkTitle .courseBox .item {
  margin-right: 20px;
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  border-radius: 18px;
  background: #ebf2fc;
  color: #3c84f1;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 10px;
}
.indexHome .tempItemM006 .pkTitle .courseBox .item:hover {
  background: #3285FF;
  color: #ffffff;
}
.indexHome .tempItemM006 .pkTitle .courseBox .select {
  background: #3285FF;
  color: #ffffff;
}
.indexHome .tempItemM006 .pkTitle .moreItem {
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3285FF;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .msTitle .leftName .logoImg {
  width: 30px;
  height: 30px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter {
  padding: 30px 25px;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .leftArrow {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-8px);
  cursor: pointer;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .rightArrow {
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-8px);
  cursor: pointer;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent::-webkit-scrollbar {
  display: none;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem {
  flex-shrink: 0;
  width: 300px;
  margin-right: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem:last-child .statusMark::after {
  content: "";
  position: absolute;
  width: 150px;
  border: 1px dashed #CCCCCC;
  right: 0;
  top: 50%;
  transform: translateY(4px);
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  padding: 25px 30px 16px 18px;
  border-radius: 10px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .beginTime {
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .beginTime .date {
  font-size: 16px;
  margin-right: 3px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .beginTime .time {
  font-size: 14px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus {
  width: 116px;
  height: 30px;
  background: #EEEEEE;
  border-radius: 15px 0px 0px 15px;
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus > img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus.living {
  color: #2AD8A4;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus.preStart {
  color: #0D9B53;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .liveName {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-top: 5px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .liveName:hover {
  text-decoration: underline;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .ant-typography {
  margin-bottom: 0;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .courseBox {
  text-align: end;
  margin-top: 10px;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveInfo .courseBox .courseName {
  padding: 5px 9px;
  border: 1px solid #0D9B53;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #0D9B53;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .statusMark {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .statusMark > img {
  z-index: 999;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .statusMark .living {
  z-index: 999;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2AD8A4;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .statusMark::before {
  content: "";
  position: absolute;
  width: 150px;
  border: 1px dashed #CCCCCC;
  left: 0;
  top: 50%;
  transform: translateY(4px);
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .statusMark::after {
  content: "";
  position: absolute;
  width: 195px;
  border: 1px dashed #CCCCCC;
  right: -42px;
  top: 50%;
  transform: translateY(4px);
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveTeacher {
  text-align: center;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveTeacher .ava {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.indexHome .tempItemM006 .m006Body .liveContentOuter .liveContent .liveItem .liveTeacher .tName {
  margin-top: 9px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006Body .advantageBox {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item {
  width: 264px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item.jpkc {
  background: url("/m006_wxys_01.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item.wrmk {
  background: url("/m006_wxys_02.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item.jyxz {
  background: url("/m006_wxys_03.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item.wxls {
  background: url("/m006_wxys_04.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item.sssd {
  background: url("/m006_wxys_05.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item .box1 {
  display: block;
  text-align: center;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item .box1 .t1 {
  font-size: 24px;
  font-weight: bold;
  color: #F5F7F9;
  margin-top: 38px;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item .box2 {
  display: none;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item .box2 .t1 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #F5F7F9;
  margin-bottom: 25px;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item .box2 .t2 {
  padding: 0 50px;
  font-size: 14px;
  font-weight: 400;
  color: #F5F7F9;
  line-height: 24px;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item:hover .box1 {
  display: none;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item:hover .box2 {
  display: block;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item:hover .box2 .t1 {
  position: relative;
}
.indexHome .tempItemM006 .m006Body .advantageBox .item:hover .box2 .t1::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #FFFFFF;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
}
.indexHome .tempItemM006 .m006Body .informationBox {
  display: flex;
  height: 420px;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo {
  flex: 1;
  display: flex;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem {
  display: block;
  height: 259px;
  margin-right: 13px;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .aaImg {
  width: 344px;
  height: 259px;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
  width: 322px;
  height: 136px;
  padding: 27px 20px 27px 20px;
  background: #F6F7FB;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .bottom .createTime {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .bottom .t1 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .bottom .t1:hover {
  text-decoration: underline;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .bottom .ant-typography-ellipsis-single-line {
  overflow: hidden;
  max-height: 25px;
}
.indexHome .tempItemM006 .m006Body .informationBox .leftInfo .infoItem .bottom .ant-typography-ellipsis-single-line img {
  display: none;
}
.indexHome .tempItemM006 .m006Body .informationBox .rightInfo {
  width: 328px;
}
.indexHome .tempItemM006 .m006Body .informationBox .rightInfo .infoItem {
  display: block;
  padding: 24px 30px 24px 21px;
  background: #F6F7FB;
  border-bottom: 1px dashed #DCDCDC;
}
.indexHome .tempItemM006 .m006Body .informationBox .rightInfo .infoItem:last-child {
  border-bottom: 0;
}
.indexHome .tempItemM006 .m006Body .informationBox .rightInfo .infoItem .t1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006Body .informationBox .rightInfo .infoItem .t1:hover {
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .informationBox .rightInfo .infoItem .createTime {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM006 .m006Body .packageCourse {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent {
  flex: 1;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList {
  display: flex;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem {
  background: #FFFFFF;
  border-radius: 10px;
  width: 320px;
  height: 330px;
  padding: 20px 20px 16px 20px;
  margin-right: 40px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem:hover {
  box-shadow: 0px 0px 10px 0px rgba(60, 132, 241, 0.4);
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .contain,
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .validDate {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .teacherList {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  height: 95px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem {
  text-align: center;
  margin-right: 36px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem > img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem .tName {
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .studyNum {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .studyNum > img {
  margin-right: 5px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .freeStudy {
  margin-top: 20px;
  width: 261px;
  height: 49px;
  border: 1px solid #3285FF;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .packageList .packageItem .freeStudy:hover {
  background: #3285FF;
  color: #FFFFFF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent {
  margin-top: 23px;
  display: flex;
  height: 202px;
  background: #FFFFFF;
  border-radius: 10px;
  position: relative;
  padding-left: 450px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime {
  width: 299px;
  height: 225px;
  background: url("/m006_remain_time_bg.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 85px;
  top: 0;
  padding-top: 18px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .examTime {
  max-width: 280px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  position: absolute;
  left: -64px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .examTime .eName {
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .countBox {
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .countBox span {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .countBox .dayBox {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .countBox .dayBox .day {
  height: 44px;
  width: 42px;
  line-height: 44px;
  margin-right: 3px;
  background: url('/m006_remain_time_number.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .remainTime .countBox .unit {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion {
  width: 100%;
  padding-top: 25px;
  padding-right: 30px;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 178px;
  background: #DFE0E1;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .topBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .topBox .leftTitle .t1 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-right: 10px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .topBox .leftTitle .t2 {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .topBox .moreBtn {
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3285FF;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .chapterList {
  display: flex;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter {
  width: 110px;
  height: 118px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 28px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter:hover {
  box-shadow: 0px 0px 10px 0px rgba(50, 133, 255, 0.2);
  border-radius: 10px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter > img {
  width: 50px;
  height: 54px;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter .cName {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher {
  width: 319px;
  margin-left: 40px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .ant-carousel .slick-dots-bottom {
  top: 315px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .ant-carousel .slick-dots li {
  width: 21px;
  height: 7px;
  background: #DCDCDC;
  opacity: 0.8;
  border-radius: 4px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .ant-carousel .slick-dots li.slick-active {
  background: #3285FF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .ant-carousel .slick-dots li.slick-active button {
  background: #3285FF;
  height: 7px;
  border-radius: 4px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .ant-carousel .slick-dots-bottom {
  height: 20px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .topCarousel {
  width: 100%;
  height: 330px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .topCarousel img {
  width: 100%;
  height: 330px;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .teacherBrief {
  background: #FFFFFF;
  padding: 20px;
  height: 225px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .teacherBrief .top {
  display: flex;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .teacherBrief .top .tName {
  width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .teacherBrief .top .listenBtn {
  position: absolute;
  right: 0;
  top: 14px;
  width: 101px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #ECF4FF;
  border: 1px solid #3285FF;
  border-radius: 15px 0px 0px 15px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .teacherBrief .courseName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 13px 0 10px 0;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM006 .m006Body .packageCourse .rightTeacher .teacherBrief .character {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.indexHome .tempItemM006 .m006Body .noData {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.indexHome .tempItemM006 .m006Body .teacherContent {
  height: 550px;
  background: url("/m006_wxms_back.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter {
  padding-top: 128px;
  padding-left: 262px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .leftTitle {
  font-size: 48px;
  font-weight: 400;
  color: #F5F7F9;
  margin-bottom: 80px;
  position: relative;
  padding-left: 30px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .leftTitle::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 121px;
  border: 2px solid #FFFFFF;
  left: 0;
  top: 14px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList {
  display: flex;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList .niceItem {
  max-width: 136px;
  margin-right: 90px;
  position: relative;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList .niceItem::after {
  content: "";
  width: 1px;
  height: 68px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -43px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList .niceItem:last-child {
  margin-right: 34px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList .niceItem:last-child::after {
  width: 0;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList .niceItem .name {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #3285FF;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .leftCharacter .niceList .niceItem .remark {
  font-size: 14px;
  font-weight: 400;
  color: #F5F7F9;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher {
  display: flex;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem {
  width: 270px;
  background: #2B2B41;
  padding: 30px 10px;
  text-align: center;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .portrait {
  width: 230px;
  height: 327px;
  opacity: 0.5;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem:hover {
  background: #252539;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem:hover .portrait {
  opacity: 1;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .bottom {
  margin-top: 30px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .bottom .name,
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .bottom .courseName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 400;
  color: #F5F7F9;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .bottom .courseName {
  font-size: 16px;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .bottom .audition {
  margin: 20px auto 0 auto;
  display: block;
  width: 195px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #3285FF;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006Body .teacherContent .rightTeacher .teacherItem .bottom .audition:hover {
  background: #3285FF;
  color: #FEFFFF;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter {
  padding: 30px 25px;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .leftArrow {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-8px);
  cursor: pointer;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .rightArrow {
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-8px);
  cursor: pointer;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent::-webkit-scrollbar {
  display: none;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem {
  flex-shrink: 0;
  width: 254px;
  margin-right: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem:last-child .statusMark::after {
  content: "";
  position: absolute;
  width: 150px;
  border: 1px dashed #CCCCCC;
  right: 0;
  top: 50%;
  transform: translateY(4px);
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  padding: 25px 30px 16px 18px;
  border-radius: 10px;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .beginTime {
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .beginTime .date {
  font-size: 16px;
  margin-right: 3px;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .beginTime .time {
  font-size: 14px;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus {
  width: 116px;
  height: 30px;
  background: #EEEEEE;
  border-radius: 15px 0px 0px 15px;
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus > img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus.living {
  color: #2AD8A4;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus.preStart {
  color: #0D9B53;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .liveName {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-top: 5px;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .liveName:hover {
  text-decoration: underline;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .ant-typography {
  margin-bottom: 0;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .courseBox {
  text-align: end;
  margin-top: 10px;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveInfo .courseBox .courseName {
  padding: 5px 9px;
  border: 1px solid #0D9B53;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #0D9B53;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .statusMark {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .statusMark > img {
  z-index: 999;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .statusMark .living {
  z-index: 999;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2AD8A4;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .statusMark::before {
  content: "";
  position: absolute;
  width: 150px;
  border: 1px dashed #CCCCCC;
  left: 0;
  top: 50%;
  transform: translateY(4px);
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .statusMark::after {
  content: "";
  position: absolute;
  width: 195px;
  border: 1px dashed #CCCCCC;
  right: -42px;
  top: 50%;
  transform: translateY(4px);
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveTeacher {
  text-align: center;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveTeacher .ava {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.indexHome .tempItemM006 .m006BodyMinor .liveContentOuter .liveContent .liveItem .liveTeacher .tName {
  margin-top: 9px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent {
  flex: 1;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList {
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem {
  background: #FFFFFF;
  border-radius: 10px;
  width: 297px;
  height: 330px;
  padding: 20px 20px 16px 20px;
  margin-right: 20px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem:hover {
  box-shadow: 0px 0px 10px 0px rgba(60, 132, 241, 0.4);
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .contain,
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .validDate {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .teacherList {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  height: 95px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem {
  text-align: center;
  margin-right: 36px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem > img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .teacherList .teacherItem .tName {
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .studyNum {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .studyNum > img {
  margin-right: 5px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .freeStudy {
  margin-top: 20px;
  width: 261px;
  height: 49px;
  border: 1px solid #3285FF;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .packageList .packageItem .freeStudy:hover {
  background: #3285FF;
  color: #FFFFFF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent {
  margin-top: 23px;
  display: flex;
  height: 202px;
  background: #FFFFFF;
  border-radius: 10px;
  position: relative;
  padding-left: 450px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime {
  width: 299px;
  height: 225px;
  background: url("/m006_remain_time_bg.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 85px;
  top: 0;
  padding-top: 18px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .examTime {
  max-width: 280px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  position: absolute;
  left: -64px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .examTime .eName {
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .countBox {
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .countBox span {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .countBox .dayBox {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .countBox .dayBox .day {
  height: 44px;
  width: 42px;
  line-height: 44px;
  margin-right: 3px;
  background: url('/m006_remain_time_number.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .remainTime .countBox .unit {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion {
  width: 100%;
  padding-top: 25px;
  padding-right: 30px;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 178px;
  background: #DFE0E1;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .topBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .topBox .leftTitle .t1 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-right: 10px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .topBox .leftTitle .t2 {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .topBox .moreBtn {
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3285FF;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .chapterList {
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter {
  width: 100px;
  height: 118px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter:hover {
  box-shadow: 0px 0px 10px 0px rgba(50, 133, 255, 0.2);
  border-radius: 10px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter > img {
  width: 50px;
  height: 54px;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .leftContent .bottomContent .latestQuestion .chapterList .chapter .cName {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher {
  width: 249px;
  margin-left: 20px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .ant-carousel .slick-dots-bottom {
  top: 315px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .ant-carousel .slick-dots li {
  width: 21px;
  height: 7px;
  background: #DCDCDC;
  opacity: 0.8;
  border-radius: 4px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .ant-carousel .slick-dots li.slick-active {
  background: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .ant-carousel .slick-dots li.slick-active button {
  background: #3285FF;
  height: 7px;
  border-radius: 4px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .topCarousel {
  width: 100%;
  height: 330px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .topCarousel img {
  width: 100%;
  height: 330px;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .teacherBrief {
  background: #FFFFFF;
  padding: 20px;
  height: 225px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .teacherBrief .top {
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .teacherBrief .top .tName {
  width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .teacherBrief .top .listenBtn {
  position: absolute;
  right: 0;
  top: 14px;
  width: 101px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #ECF4FF;
  border: 1px solid #3285FF;
  border-radius: 15px 0px 0px 15px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .teacherBrief .courseName {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 13px 0 10px 0;
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM006 .m006BodyMinor .packageCourse .rightTeacher .teacherBrief .character {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent {
  height: 550px;
  background: url("/m006_wxms_back.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter {
  padding-top: 128px;
  padding-left: 75px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .leftTitle {
  font-size: 32px;
  font-weight: 400;
  color: #F5F7F9;
  margin-bottom: 80px;
  position: relative;
  padding-left: 30px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .leftTitle::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 82px;
  border: 2px solid #FFFFFF;
  left: 0;
  top: 11px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList {
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList .niceItem {
  max-width: 136px;
  margin-right: 47px;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList .niceItem::after {
  content: "";
  width: 1px;
  height: 90px;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -17px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList .niceItem:last-child {
  margin-right: 34px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList .niceItem:last-child::after {
  width: 0;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList .niceItem .name {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #3285FF;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .leftCharacter .niceList .niceItem .remark {
  font-size: 14px;
  font-weight: 400;
  color: #F5F7F9;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher {
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem {
  width: 220px;
  background: #2B2B41;
  padding: 30px 10px;
  text-align: center;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .portrait {
  width: 180px;
  height: 327px;
  opacity: 0.5;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem:hover {
  background: #252539;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem:hover .portrait {
  opacity: 1;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .bottom {
  margin-top: 30px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .bottom .name,
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .bottom .courseName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 400;
  color: #F5F7F9;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .bottom .courseName {
  font-size: 16px;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .bottom .audition {
  margin: 20px auto 0 auto;
  display: block;
  width: 195px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #3285FF;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .teacherContent .rightTeacher .teacherItem .bottom .audition:hover {
  background: #3285FF;
  color: #FEFFFF;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item {
  width: 215px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item.jpkc {
  background: url("/m006_wxys_01.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item.wrmk {
  background: url("/m006_wxys_02.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item.jyxz {
  background: url("/m006_wxys_03.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item.wxls {
  background: url("/m006_wxys_04.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item.sssd {
  background: url("/m006_wxys_05.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item .box1 {
  display: block;
  text-align: center;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item .box1 .t1 {
  font-size: 24px;
  font-weight: bold;
  color: #F5F7F9;
  margin-top: 38px;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item .box2 {
  display: none;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item .box2 .t1 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #F5F7F9;
  margin-bottom: 25px;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item .box2 .t2 {
  padding: 0 50px;
  font-size: 14px;
  font-weight: 400;
  color: #F5F7F9;
  line-height: 24px;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item:hover .box1 {
  display: none;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item:hover .box2 {
  display: block;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item:hover .box2 .t1 {
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .advantageBox .item:hover .box2 .t1::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background: #FFFFFF;
  top: -23px;
  left: 50%;
  transform: translateX(-50%);
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox {
  display: flex;
  height: 420px;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo {
  flex: 1;
  display: flex;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem {
  display: block;
  height: 259px;
  margin-right: 13px;
  position: relative;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .aaImg {
  width: 300px;
  height: 259px;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
  width: 322px;
  width: 265px;
  height: 136px;
  padding: 27px 20px 27px 20px;
  background: #F6F7FB;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .bottom .createTime {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 20px;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .bottom .t1 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .bottom .t1:hover {
  text-decoration: underline;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .bottom .content {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .leftInfo .infoItem .bottom .content img {
  display: none;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .rightInfo {
  width: 328px;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .rightInfo .infoItem {
  display: block;
  padding: 24px 30px 24px 21px;
  background: #F6F7FB;
  border-bottom: 1px dashed #DCDCDC;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .rightInfo .infoItem:last-child {
  border-bottom: 0;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .rightInfo .infoItem .t1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .rightInfo .infoItem .t1:hover {
  color: #3285FF;
}
.indexHome .tempItemM006 .m006BodyMinor .informationBox .rightInfo .infoItem .createTime {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM007 {
  margin-top: 60px;
  padding-bottom: 60px;
}
.indexHome .tempItemM007 .m007title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.indexHome .tempItemM007 .m007title .left {
  display: flex;
  align-items: center;
}
.indexHome .tempItemM007 .m007title .left img {
  width: 34px;
  height: 34px;
  margin-right: 12px;
}
.indexHome .tempItemM007 .m007title .left .name {
  font-size: 26px;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007title .right {
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #3285FF;
  border-radius: 15px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3285FF;
}
.indexHome .tempItemM007 .pkTitle {
  display: flex;
  margin-bottom: 35px;
  align-items: center;
}
.indexHome .tempItemM007 .pkTitle .leftName {
  display: flex;
  align-items: center;
  margin-right: 45px;
}
.indexHome .tempItemM007 .pkTitle .leftName .logoImg {
  width: 34px;
  height: 34px;
}
.indexHome .tempItemM007 .pkTitle .leftName .name {
  color: #000000;
  font-size: 26px;
  font-weight: 400;
  margin-left: 15px;
}
.indexHome .tempItemM007 .pkTitle .courseBox {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.indexHome .tempItemM007 .pkTitle .courseBox .item {
  margin-right: 70px;
  font-size: 16px;
  cursor: pointer;
  color: #565656;
}
.indexHome .tempItemM007 .pkTitle .courseBox .select {
  color: #218CF8;
}
.indexHome .tempItemM007 .pkTitle .moreItem {
  width: 110px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border: 1px solid #4B8EF2;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 400;
  color: #488BF2;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter {
  padding: 20px 0;
  position: relative;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .leftArrow {
  position: absolute;
  left: -90px;
  top: 50%;
  transform: translateY(-38%);
  cursor: pointer;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .rightArrow {
  position: absolute;
  right: -90px;
  top: 50%;
  transform: translateY(-38%);
  cursor: pointer;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent::-webkit-scrollbar {
  display: none;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem {
  flex-shrink: 0;
  width: 275px;
  margin-right: 33px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem:last-child .statusMark::after {
  content: "";
  position: absolute;
  width: 137px;
  border: 1px solid #E5E5E5;
  right: 0;
  top: 50%;
  transform: translateY(8px);
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  padding: 13px 18px 17px 17px;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .beginTime {
  background: #F5F5F5;
  border-radius: 13px;
  padding: 5px 12px;
  font-weight: 400;
  color: #1989FA;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .beginTime .date {
  font-size: 18px;
  margin-right: 10px;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .beginTime .time {
  font-size: 12px;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus {
  width: 82px;
  height: 26px;
  color: #FFFFFF;
  border-radius: 13px 0px 0px 13px;
  position: absolute;
  right: 0;
  top: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus > img {
  height: 15px;
  width: 15px;
  margin-right: 5px;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus.living {
  background: #1989FA;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .liveStatus.preStart {
  background: #40DA9B;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .liveName {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-top: 5px;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .liveName:hover {
  text-decoration: underline;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .ant-typography {
  margin-bottom: 0;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .courseBox {
  text-align: end;
  margin-top: 10px;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveInfo .courseBox .courseName {
  padding: 5px 9px;
  border: 1px solid #1989FA;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #1989FA;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .statusMark {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .statusMark > img {
  z-index: 999;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .statusMark .living {
  z-index: 999;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1989FA;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .statusMark::before {
  content: "";
  position: absolute;
  width: 137px;
  border: 1px solid #E5E5E5;
  left: 0;
  top: 50%;
  transform: translateY(8px);
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .statusMark::after {
  content: "";
  position: absolute;
  width: 170px;
  border: 1px solid #E5E5E5;
  right: -42px;
  top: 50%;
  transform: translateY(8px);
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveTeacher {
  text-align: center;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveTeacher .ava {
  width: 67px;
  height: 67px;
  border-radius: 50%;
}
.indexHome .tempItemM007 .m007Body .liveContentOuter .liveContent .liveItem .liveTeacher .tName {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007Body .advantageBox {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item {
  width: 232px;
  height: 286px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item.jpkc {
  background: url("/m007_ptfw_01.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item.wrmk {
  background: url("/m007_ptfw_02.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item.jyxz {
  background: url("/m007_ptfw_03.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item.wxls {
  background: url("/m007_ptfw_04.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item.sssd {
  background: url("/m007_ptfw_05.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item .box1 {
  display: block;
  text-align: center;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item .box1 .t1 {
  font-size: 20px;
  font-weight: bold;
  color: #F5F7F9;
  margin-top: 16px;
  position: relative;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item .box1 .t1::before {
  content: "";
  position: absolute;
  width: 31px;
  height: 4px;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #FFFFFF, #9E8F7C);
}
.indexHome .tempItemM007 .m007Body .advantageBox .item .box2 {
  height: 100%;
  display: none;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item .box2 .t1 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #F5F7F9;
  margin-bottom: 50px;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item .box2 .t2 {
  padding: 0 50px;
  font-size: 14px;
  font-weight: 400;
  color: #F5F7F9;
  line-height: 24px;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .box1 {
  display: none;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .box2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .box2 .t1 {
  position: relative;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .box2 .t1::before {
  content: "";
  position: absolute;
  width: 31px;
  height: 4px;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #FFFFFF, #9E8F7C);
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .jpkcBox2 {
  background: #547EBA;
  opacity: 0.9;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .wrmkBox2 {
  background: #428B97;
  opacity: 0.9;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .jyxzBox2 {
  background: #AC8351;
  opacity: 0.9;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .wxlsBox2 {
  background: #6CA355;
  opacity: 0.9;
}
.indexHome .tempItemM007 .m007Body .advantageBox .item:hover .sssdBox2 {
  background: #CE7738;
  opacity: 0.9;
}
.indexHome .tempItemM007 .m007Body .infoBox {
  display: flex;
}
.indexHome .tempItemM007 .m007Body .infoBox .leftInfo {
  display: flex;
}
.indexHome .tempItemM007 .m007Body .infoBox .leftInfo .infoItem {
  margin-right: 13px;
  position: relative;
}
.indexHome .tempItemM007 .m007Body .infoBox .leftInfo .infoItem .aaImg {
  width: 344px;
  height: 259px;
}
.indexHome .tempItemM007 .m007Body .infoBox .leftInfo .infoItem .bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
  width: 322px;
  height: 136px;
  padding: 27px 0 27px 20px;
  background: #F6F7FB;
}
.indexHome .tempItemM007 .m007Body .infoBox .leftInfo .infoItem .bottom .t1 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.indexHome .tempItemM007 .m007Body .infoBox .leftInfo .infoItem .bottom .t1:hover {
  text-decoration: underline;
}
.indexHome .tempItemM007 .m007Body .infoBox .rightInfo {
  width: 328px;
}
.indexHome .tempItemM007 .m007Body .infoBox .rightInfo .infoItem {
  padding: 27px 30px 27px 21px;
  background: #F6F7FB;
  border-bottom: 1px dashed #DCDCDC;
}
.indexHome .tempItemM007 .m007Body .infoBox .rightInfo .infoItem:last-child {
  border-bottom: 0;
}
.indexHome .tempItemM007 .m007Body .infoBox .rightInfo .infoItem .t1 {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.indexHome .tempItemM007 .m007Body .infoBox .rightInfo .infoItem .t1:hover {
  color: #3285FF;
}
.indexHome .tempItemM007 .m007Body .infoBox .rightInfo .infoItem .createTime {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .examTypeBox {
  width: 577px;
  height: 375px;
  margin-right: 16px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .examTypeBox .examTypeBack {
  width: 577px;
  height: 375px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .topPackage {
  display: flex;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem {
  width: 279px;
  height: 180px;
  padding: 20px 18px 15px 7px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  margin-bottom: 15px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem:hover,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem:hover {
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.11);
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .title,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .title {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .contain,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .contain {
  font-size: 14px;
  font-weight: 400;
  color: #404040;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .contain .pre,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .contain .pre {
  font-size: 16px;
  background: #EDF4FF;
  padding: 3px 5px;
  margin-right: 3px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .bottom,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .bottom {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .bottom .left .teacherPortrait,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .bottom .left .teacherPortrait {
  width: 43px;
  height: 43px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .bottom .left .teacherPortrait img,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .bottom .left .teacherPortrait img {
  width: 43px;
  height: 43px;
  border-radius: 50%;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .bottom .left .studyNum,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .bottom .left .studyNum {
  font-size: 14px;
  font-weight: 400;
  color: #6F6F6F;
  margin-top: 6px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .bottom .freeStudy,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .bottom .freeStudy {
  background: #FFFFFF;
  border: 1px solid #4B8EF2;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 400;
  color: #4B8EF2;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .packageList .packageItem .bottom .freeStudy:hover,
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem .bottom .freeStudy:hover {
  background: #4B8EF2;
  color: #FFFFFF;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList {
  display: flex;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem {
  margin-right: 18px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .leftContent .bottomPackageList .packageItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent {
  width: 308px;
  height: 570px;
  background: url("/m007_package_back01.png") no-repeat;
  background-size: 100% 100%;
  padding: 23px 15px 0 15px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .examTime {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .countBox {
  width: 216px;
  margin: 0 auto;
  height: 46px;
  background: url("/m007_count_back.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .countBox .noTimeTip {
  font-size: 12px;
  font-weight: 400;
  color: #2139FF;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .countBox .dayBox {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .countBox .dayBox .day {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #2139FF;
  border: 1px solid #2139FF;
  border-radius: 6px;
  font-size: 24px;
  font-weight: bold;
  color: #FCFCFC;
  margin-right: 5px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .countBox .unit {
  font-size: 12px;
  color: #2139FF;
  font-weight: bold;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation {
  margin-top: 19px;
  background: #FFFFFF;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.11);
  border-radius: 4px 4px 0px 0px;
  padding: 19px 17px 0 17px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .topTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .topTitle .title > img {
  width: 68px;
  height: 19px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .topTitle .more {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList {
  margin-top: 10px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem {
  display: block;
  padding: 6px 0;
  border-bottom: 1px solid #E5E5E5;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem:last-child {
  border-bottom: 0;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem .topContent {
  height: 47px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem .topContent .number {
  font-size: 18px;
  font-weight: bold;
  color: #4B8EF2;
  margin-right: 5px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem .topContent .number_grey {
  color: #ACACAC;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem .topContent .title {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem .topContent .title:hover {
  text-decoration: underline;
}
.indexHome .tempItemM007 .m007Body .packageCourse .topSection .rightContent .hotInformation .informationList .infoItem .createTime {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #909090;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion {
  width: 578px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher {
  width: 607px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher {
  padding: 11px 12px 15px 20px;
  background: url("/m007_package_back02.png") no-repeat;
  background-size: 100% 100%;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .topTitle,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .topTitle {
  display: flex;
  justify-content: space-between;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .topTitle .title,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .topTitle .title {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .topTitle .title .subTitle,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .topTitle .title .subTitle {
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  margin-left: 21px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .topTitle .more,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .topTitle .more {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .questionList,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .questionList {
  display: flex;
  margin-top: 10px;
  padding-left: 25px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .questionList .questionItem,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .questionList .questionItem {
  width: 73px;
  height: 82px;
  margin-right: 58px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .questionList .questionItem .name,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .questionList .questionItem .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #1D1D1D;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList {
  display: flex;
  margin-top: 10px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem {
  display: flex;
  margin-right: 6px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem:last-child,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem:last-child {
  margin-right: 0;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .avator,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .avator {
  width: 96px;
  height: 107px;
  margin-right: 19px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .basicInfo,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .basicInfo {
  width: 168px;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .basicInfo .top,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .basicInfo .top {
  display: flex;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .basicInfo .top .tName,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .basicInfo .top .tName {
  max-width: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .basicInfo .top .audition,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .basicInfo .top .audition {
  margin-left: 10px;
  width: 89px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #3F3F3F;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 400;
  color: #FFE3C0;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .basicInfo .courseName,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .basicInfo .courseName {
  margin: 3px 0;
  font-size: 14px;
  font-weight: 400;
  color: #606060;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .latestQuestion .teacherList .teacherItem .basicInfo .character,
.indexHome .tempItemM007 .m007Body .packageCourse .bottomSection .hotTeacher .teacherList .teacherItem .basicInfo .character {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 12px;
  font-weight: 400;
  color: #606060;
  line-height: 18px;
}
.indexHome .tempItemM007 .m007Body .noData {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.indexHome .tempItemM007 .m007Body .teacherContent {
  display: flex;
  flex-wrap: wrap;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem {
  display: flex;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .brief {
  height: 200px;
  width: 200px;
  padding: 20px;
  background: #FFFFFF;
  position: relative;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .brief:hover {
  background: #6F6F6F;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .brief .name {
  font-size: 14px;
  font-weight: 400;
  color: #010101;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  padding-left: 10px;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .brief .name::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 4px;
  height: 16px;
  background: #3F3F3F;
  border-radius: 2px;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .brief .experience {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 12px;
  font-weight: 400;
  color: #6C6C6C;
  line-height: 24px;
  margin-bottom: 13px;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .brief .audition {
  position: absolute;
  bottom: 18px;
  left: 24px;
  padding: 4px 20px;
  background: #3F3F3F;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 400;
  color: #FFE3C0;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefLeft::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #ffffff;
  position: absolute;
  top: 58px;
  right: -14px;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefLeft:hover .name,
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefLeft:hover .experience {
  color: #FFFFFF;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefLeft:hover .name::before,
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefLeft:hover .experience::before {
  background: #FFFFFF;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefLeft:hover::before {
  border-left: 14px solid #6F6F6F;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefRight::before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid #ffffff;
  position: absolute;
  top: 58px;
  left: -14px;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefRight:hover .name,
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefRight:hover .experience {
  color: #FFFFFF;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefRight:hover .name::before,
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefRight:hover .experience::before {
  background: #FFFFFF;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .briefRight:hover::before {
  border-right: 14px solid #6F6F6F;
}
.indexHome .tempItemM007 .m007Body .teacherContent .teacherItem .portrait {
  height: 200px;
  width: 200px;
}
.indexHome .moo8title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  line-height: 36px;
}
.indexHome .moo8title .left {
  flex: 1;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}
.indexHome .moo8title .left img {
  max-width: 154px;
  height: 36px;
  margin-right: 12px;
}
.indexHome .moo8title .right {
  display: flex;
  align-items: center;
}
.indexHome .moo8title .right .more_icon {
  font-size: 24px;
  margin-left: 6px;
}
.indexHome .m008Body {
  margin-bottom: 100px;
  padding-bottom: 0;
}
.indexHome .m008Body .ant-typography,
.indexHome .m008Body .ant-typography p {
  margin-bottom: 5px;
}
.indexHome .m008Body .content1 {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 20px;
}
.indexHome .m008Body .content1 .item {
  width: 275px;
  height: 100px;
  margin-right: 20px;
  margin-top: 20px;
}
.indexHome .m008Body .content1 .item img {
  width: 100%;
  height: 100%;
}
.indexHome .m008Body .content1 .item:nth-of-type(4n) {
  margin-right: 0;
}
.indexHome .m008Body .content1 .item:nth-of-type(-n+4) {
  margin-top: 0;
}
.indexHome .m008Body .content2 {
  display: flex;
  flex-wrap: wrap;
}
.indexHome .m008Body .content2 .item img {
  width: 100%;
  height: 100%;
}
.indexHome .m008Body .content2 .item1 {
  width: 886px;
  height: 100px;
  margin-right: 19px;
  margin-bottom: 19px;
}
.indexHome .m008Body .content2 .item2 {
  width: 295px;
  height: 100px;
}
.indexHome .m008Body .content2 .item3 {
  width: 886px;
  height: 100px;
  margin-right: 19px;
}
.indexHome .m008Body .content2 .item4 {
  width: 137px;
  height: 100px;
  margin-right: 21px;
}
.indexHome .m008Body .content2 .item5 {
  width: 137px;
  height: 100px;
}
.indexHome .m008Body .content3 {
  display: flex;
}
.indexHome .m008Body .content3 .item {
  width: 386px;
  margin-right: 21px;
}
.indexHome .m008Body .content3 .item:nth-of-type(3) {
  margin-right: 0;
}
.indexHome .m008Body .content3 .item img {
  width: 100%;
  height: 100%;
}
.indexHome .m008Body .content4 {
  display: flex;
}
.indexHome .m008Body .content4 .item {
  border: 1px solid #DCDCDC;
  border-radius: 6px;
  background: #fff;
  width: 386px;
  margin-right: 21px;
}
.indexHome .m008Body .content4 .item:nth-of-type(3) {
  margin-right: 0;
}
.indexHome .m008Body .content4 .item img {
  width: 100%;
}
.indexHome .m008Body .content4 .item .t1 {
  margin: 15px 10px 5px;
  color: #333333;
  font-size: 16px;
  min-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.indexHome .m008Body .content4 .item .t2 {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 15px;
  color: #666666;
}
.indexHome .m008Body .content5 {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 20px 25px;
}
.indexHome .m008Body .content5 .item {
  border: 1px solid #DCDCDC;
  border-radius: 6px;
  background: #fff;
  width: 256px;
  margin-right: 42px;
  margin-top: 20px;
}
.indexHome .m008Body .content5 .item img {
  width: 100%;
}
.indexHome .m008Body .content5 .item .t1 {
  margin: 15px 10px;
  color: #333333;
  font-size: 16px;
  min-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.indexHome .m008Body .content5 .item:nth-of-type(4n) {
  margin-right: 0;
}
.indexHome .m008Body .content5 .item:nth-of-type(-n+4) {
  margin-top: 0;
}
.indexHome .m008Body .m004Title .m008 {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
}
.indexHome .m008Body .m004Title .more .tableBox .select {
  color: #29A1FF;
}
.indexHome .m008Body .tempInformation {
  background: #fff;
}
.indexHome .m008Body .tempInformation .infoItem .right .t3 .detail {
  color: #29A1FF;
}
.indexHomem008 {
  background: #f5f7f9;
}
.advertisingModal .ant-modal-content {
  background: initial;
  box-shadow: none;
}
.advertisingModal .ant-modal-content .ant-modal-close {
  right: -66px;
  top: 16px;
}
.advertisingModal .ant-modal-content .ant-modal-close .anticon {
  font-size: 36px;
  border-radius: 50%;
  color: #E41B23;
  background: white;
}
.advertisingModal .ant-modal-content .ant-modal-close .anticon:hover {
  background: #62A9FF;
}
.advertisingModal .ant-modal-content .ant-modal-body {
  padding: 0;
  text-align: center;
}
.advertisingModal .ant-modal-content .ant-modal-body img {
  max-width: 100%;
  cursor: pointer;
}

.teacherDetails {
  background-color: #f5f7f9;
  padding-bottom: 80px;
}
.teacherDetails p {
  margin: 0;
}
.teacherDetails div.ant-typography {
  margin-bottom: 0;
}
.teacherDetails .mainContent {
  width: 1200px;
  margin: 0 auto;
}
.teacherDetails .mainContent .navigationBox {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #aaaaaa;
  line-height: 22px;
}
.teacherDetails .mainContent .navigationBox .ant-breadcrumb,
.teacherDetails .mainContent .navigationBox > span {
  font-size: 12px;
  font-weight: 400;
  color: #AAAAAA;
}
.teacherDetails .mainContent .contentBox {
  width: 1199px;
  min-height: 260px;
  background: #ffffff;
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  padding: 18px 84px 18px 39px;
}
.teacherDetails .mainContent .contentBox .left img {
  width: 178px;
  height: 223px;
  background: #f5f7f9;
  margin-right: 42px;
}
.teacherDetails .mainContent .contentBox .right {
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.teacherDetails .mainContent .contentBox .right .name {
  font-size: 16px;
  font-weight: bold;
  color: #262626;
  margin-bottom: 21px;
}
.teacherDetails .mainContent .contentBox .right .course {
  font-size: 14px;
  color: #525252;
  margin-bottom: 26px;
}
.teacherDetails .mainContent .contentBox .right .content {
  font-size: 14px;
  color: #525252;
}
.teacherDetails .mainContent .titleBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
}
.teacherDetails .mainContent .titleBox p {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #343434;
  line-height: 36px;
}
.teacherDetails .mainContent .titleBox .line {
  width: 506px;
  height: 1px;
  background: #e5e5e5;
}
.teacherDetails .mainContent .relateBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 38px;
}
.teacherDetails .mainContent .relateBox a {
  margin-right: 34px;
  margin-bottom: 30px;
}
.teacherDetails .mainContent .relateBox a:nth-child(4n) {
  margin-right: 0;
}

.aboutHelp {
  min-height: calc(100vh - 221px);
  background-color: #f5f7f9;
}
.aboutHelp .navigationBox {
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.aboutHelp .navigationBox .ant-breadcrumb,
.aboutHelp .navigationBox > span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #aaaaaa;
}
.aboutHelp .abouthelpImg {
  position: absolute;
  width: 100%;
  min-width: 1200px;
  height: 330px;
}
.aboutHelp .pageContent {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
  display: flex;
}
.aboutHelp .pageContent .menu {
  width: 200px;
  z-index: 10;
}
.aboutHelp .pageContent .menu .ant-menu-item {
  margin: 0;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  border-bottom: 1px solid #eeededff;
  padding: 0 16px 0 24px;
}
.aboutHelp .pageContent .menu .ant-menu-item:hover {
  color: #fef0c0ff;
  background: url(/redselected.png) no-repeat;
}
.aboutHelp .pageContent .menu .ant-menu-item::after {
  border-right: 0;
}
.aboutHelp .pageContent .menu .ant-menu-item-selected {
  color: #fef0c0ff;
  background: url(/redselected.png) no-repeat;
}
.aboutHelp .pageContent .rightContent {
  margin-left: 30px;
  flex: 1;
  min-height: 301px;
  background-color: #fff;
  z-index: 0;
}
.aboutHelp .pageContent .rightContent div:nth-child(1) {
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeeeff;
}
.aboutHelp .pageContent .rightContent div:nth-child(1) > div {
  width: 150px;
  display: flex;
  justify-content: center;
  font-size: 18px;
  border-bottom: 2px solid #c2221eff;
}
.aboutHelp .pageContent .rightContent div:nth-child(2) {
  padding: 30px 30px 0 30px;
}
.aboutHelp .pageContent .rightContent div:nth-child(2) img {
  max-width: 910px;
}

.learningMain {
  position: relative;
  background: #F6F6F6;
}
.learningMain .userInfoBox {
  height: 200px;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/learningBg.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 30px;
  color: #FFFFFF;
  text-align: center;
  line-height: 200px;
  font-size: 50px;
  transition: all 0.3s;
}
.learningMain .userInfoBox .mainHeader {
  display: flex;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.learningMain .userInfoBox .mainHeader .headerLeft {
  display: flex;
  min-width: 28%;
  align-items: center;
  transition: all 0.3s;
}
.learningMain .userInfoBox .mainHeader .headerLeft .userAvatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-right: 25px;
  transition: all 0.3s;
}
.learningMain .userInfoBox .mainHeader .headerLeft .userInfo {
  display: flex;
  align-items: center;
}
.learningMain .userInfoBox .mainHeader .headerLeft .userInfo .hi {
  width: 21px;
  height: 21px;
  margin-right: 13px;
}
.learningMain .userInfoBox .mainHeader .headerLeft .userInfo .welComeName {
  font-size: 16px;
  color: #fff;
}
.learningMain .userInfoBox .mainHeader .headerRight {
  display: flex;
  width: 28%;
  align-items: center;
  justify-content: space-around;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
}
.learningMain .userInfoBox .mainHeader .headerRight .balance {
  height: 50px;
  display: flex;
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
}
.learningMain .userInfoBox .mainHeader .headerRight .balance .number {
  height: 24px;
  font-weight: bold;
}
.learningMain .userInfoBox .mainHeader .headerRight .balance .introduce {
  font-size: 14px;
  height: 14px;
}
.learningMain .userInfoBox .mainHeader .headerRight .line {
  width: 2px;
  height: 34px;
  background: #CEEDFF;
  border-radius: 1px;
}
.learningMain .userInfoBox .mainHeader .hoverBa {
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.learningMain .userInfoBox .mainHeader .hoverBa:hover {
  transform: translateY(-8px);
}
.learningMain .userInfoBox .mainHeader .headerIcon {
  height: 20px;
  position: absolute;
  bottom: 10px;
  left: 576px;
  display: flex;
}
.learningMain .userInfoBox .mainHeader .headerIcon img {
  display: block;
}
.learningMain .userInfoBox .mainHeader .headerIcon .hub_icon2 {
  display: none;
}
.learningMain .isHub {
  height: 100px;
  margin-bottom: 15px;
}
.learningMain .isHub .mainHeader .headerLeft {
  transform: translateX(440px);
}
.learningMain .isHub .mainHeader .headerLeft .userAvatar {
  width: 50px;
  height: 50px;
}
.learningMain .isHub .mainHeader .headerRight {
  display: none;
}
.learningMain .isHub .mainHeader .headerIcon .hub_icon1 {
  display: none;
}
.learningMain .isHub .mainHeader .headerIcon .hub_icon2 {
  display: block;
}
.learningMain .examBox {
  background: #ffffff;
  border-radius: 10px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #343434;
  font-size: 16px;
  padding: 0 20px;
  margin-bottom: 10px;
}
.learningMain .examBox .left {
  display: flex;
  align-items: flex-end;
}
.learningMain .examBox .right {
  font-weight: 600;
  display: flex;
}
.learningMain .examBox .right .toCard {
  display: flex;
  background-color: #fff;
  color: #000;
  margin-left: 20px;
  font-weight: 400;
}
.learningMain .examBox .right .toCard span {
  color: #62a9ff;
}
.learningMain .examBox .right .toCard button {
  margin-left: 20px;
  border: 1px solid #62a9ff;
}
.learningMain .examBox .right .toCard .hasCard {
  border: 1px solid grey;
  background-color: grey;
}
.learningMain .examBox .right .toCard .hasCard span {
  color: #fff;
}
.learningMain .examBox .examChange {
  margin-left: 45px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
}
.learningMain .examBox .examChange .anticon {
  font-size: 16px;
  margin-right: 5px;
}
.learningMain .contentBox {
  display: flex;
  padding-bottom: 30px;
}
.learningMain .contentBox .left {
  width: 150px;
  margin-right: 20px;
  border-radius: 4px;
}
.learningMain .contentBox .left .lineBox {
  height: 1px;
  width: 110px;
  background: #E3E3E3;
  margin: 0 auto;
}
.learningMain .contentBox .left .ant-menu-item-group-title {
  color: #3C83F1;
  font-weight: bold;
  padding-left: 25px;
}
.learningMain .contentBox .left .img2 {
  display: none;
}
.learningMain .contentBox .left .ant-menu-item img {
  margin-right: 5px;
  margin-top: -3px;
}
.learningMain .contentBox .left .ant-menu-item::after {
  left: 0;
  right: auto;
}
.learningMain .contentBox .left .ant-menu-item:hover .img1 {
  display: none;
}
.learningMain .contentBox .left .ant-menu-item:hover .img2 {
  display: inline-block;
}
.learningMain .contentBox .left .ant-menu-item:hover::after {
  left: 0;
  right: auto;
  transform: scaleY(1);
  opacity: 1;
}
.learningMain .contentBox .left .ant-menu-item-selected .img1 {
  display: none;
}
.learningMain .contentBox .left .ant-menu-item-selected .img2 {
  display: inline-block;
}
.learningMain .contentBox .left .ant-menu-item-selected::after {
  left: 0;
  right: auto;
}
.learningMain .contentBox .right {
  flex: 1;
  overflow: hidden;
}
.selectExamModal .ant-modal-body {
  padding: 0;
}
.selectExamModal .moHeader {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 55px 0 20px;
}
.selectExamModal .moHeader .left {
  display: flex;
  align-items: center;
}
.selectExamModal .moHeader .left .round {
  width: 28px;
  height: 28px;
  background: #FFD199;
  box-shadow: 0 0 10px 0 rgba(255, 209, 153, 0.5);
  border-radius: 50%;
  margin-right: 24px;
}
.selectExamModal .moHeader .left .t1 {
  font-size: 24px;
  color: #555555;
  font-weight: bold;
  margin-right: 24px;
}
.selectExamModal .moHeader .left .t2 {
  font-size: 16px;
  color: #555555;
}
.selectExamModal .moHeader .left .t2 span {
  color: #FF7575;
}
.selectExamModal .moHeader .right {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  background: #EEA44A;
  box-shadow: 0 0 10px 0 rgba(240, 169, 82, 0.3);
  border-radius: 15px;
  color: #ffffff;
  cursor: pointer;
}
.selectExamModal .moHeader .right:hover {
  background: #d99049;
}
.selectExamModal .moBody {
  padding: 15px 0;
  background: #F3F3F3;
  display: flex;
  height: 60vh;
}
.selectExamModal .moBody .left {
  width: 282px;
}
.selectExamModal .moBody .left .exItem {
  padding: 8px 15px 8px 20px;
  position: relative;
  cursor: pointer;
}
.selectExamModal .moBody .left .exItem .cateH {
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  position: relative;
}
.selectExamModal .moBody .left .exItem .cateH::after {
  content: ">";
  position: absolute;
  right: 0;
  font-family: monospace;
  color: #b7bed2;
  font-size: 16px;
  font-weight: bold;
}
.selectExamModal .moBody .left .exItem .cateBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
  max-height: 50px;
  overflow: hidden;
}
.selectExamModal .moBody .left .exItem .cateBox .cateItem {
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
  margin-right: 8px;
  cursor: pointer;
  color: #555555;
}
.selectExamModal .moBody .left .exItem .cateBox .cateItem:hover {
  color: #3C85F1;
}
.selectExamModal .moBody .left .exItem .cateBox .select {
  color: #3C85F1;
}
.selectExamModal .moBody .left .exItem.nowHover {
  background: #ffffff;
  opacity: 1;
}
.selectExamModal .moBody .left .exItem.nowHover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #3C85F1;
}
.selectExamModal .moBody .right {
  flex: 1;
  background: white;
  padding: 25px 0 0;
  height: calc(60vh - 30px);
}
.selectExamModal .moBody .right .cateBox {
  display: flex;
}
.selectExamModal .moBody .right .eiName {
  color: #333333;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
}
.selectExamModal .moBody .right .aaa {
  position: relative;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
  color: #555555;
}
.selectExamModal .moBody .right .aaa:hover {
  color: #3C85F1;
}
.selectExamModal .moBody .right .recommend {
  color: #F62F36;
}
.selectExamModal .moBody .right .recommend::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
  width: 12px;
  height: 17px;
  background: url("/hot.png") center;
  background-size: 100% 100%;
}
.selectExamModal .moBody .right .select {
  color: #3C85F1;
}
.selectExamModal .moFooter {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectExamModal .moFooter .btn {
  padding: 0 55px;
  height: 50px;
  line-height: 50px;
  background: #3C85F1;
  box-shadow: 0 0 20px 0 rgba(60, 133, 241, 0.3);
  border-radius: 25px;
  color: #ffffff;
  cursor: pointer;
}
.selectExamModal .moFooter .btn:hover {
  background: #3970d8;
}

.accountSecurity .top {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 15px;
}
.accountSecurity .top .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  border-bottom: 1px solid #d7d7d7;
}
.accountSecurity .top .listItem {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
}
.accountSecurity .top .listItem .listLeft,
.accountSecurity .top .listItem .listRight {
  display: flex;
  align-items: center;
}
.accountSecurity .top .listItem .listLeft .listName,
.accountSecurity .top .listItem .listRight .listName {
  font-size: 14px;
  font-weight: 400;
  color: #5e5e5e;
  margin-left: 10px;
}
.accountSecurity .top .listItem .listLeft .listContent,
.accountSecurity .top .listItem .listRight .listContent,
.accountSecurity .top .listItem .listLeft .edit,
.accountSecurity .top .listItem .listRight .edit {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
  margin: 0 10px;
}
.accountSecurity .top .listItem .listLeft .portrait,
.accountSecurity .top .listItem .listRight .portrait {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.accountSecurity .top .listItem .listLeft .addAddress,
.accountSecurity .top .listItem .listRight .addAddress {
  font-size: 12px;
  font-weight: 400;
  color: #ec4300;
  margin-left: 10px;
}
.accountSecurity .top .listItem .listRight {
  cursor: pointer;
  padding-right: 20px;
}
.accountSecurity .top .addressItem {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  padding: 0 20px 0 35px;
}
.accountSecurity .top .addressItem .addressLeft {
  flex: 1;
  display: flex;
  align-items: center;
}
.accountSecurity .top .addressItem .addressLeft span {
  margin-right: 20px;
}
.accountSecurity .top .addressItem .addressRight {
  width: 20%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #ec4300;
}
.accountSecurity .top .addressItem .addressRight .setStatus,
.accountSecurity .top .addressItem .addressRight .edit,
.accountSecurity .top .addressItem .addressRight .delete {
  cursor: pointer;
}
.accountSecurity .bottom {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
}
.accountSecurity .bottom .tableTop {
  height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  line-height: 64px;
}
.accountSecurity .bottom .tableTop span {
  padding: 18px 0;
  border-bottom: 3px solid #3c83f1;
}
.myInfoModal .myInfoForm .uploadBox {
  width: 105px;
  height: 105px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myInfoModal .myInfoForm .uploadBox .ant-upload {
  width: 87px;
  height: 87px;
  border-radius: 50%;
}
.myInfoModal .myInfoForm .uploadBox .ant-upload .img {
  width: 87px;
  height: 87px;
  border-radius: 50%;
}
.myInfoModal .myInfoForm .btnBox {
  display: flex;
  justify-content: center;
}
.myInfoModal .myInfoForm .btnBox .save {
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border-color: #f04a00;
}
.pswModal .pswForm .btnBox {
  display: flex;
  justify-content: center;
}
.pswModal .pswForm .btnBox .save {
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border-color: #f04a00;
}

.activateRedemption .pageHeader {
  padding: 15px 30px;
  background: #ffffff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 15px;
}
.activateRedemption .balanceBox {
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 15px;
}
.activateRedemption .balanceBox .inputBox {
  width: 350px;
  margin-bottom: 20px;
}
.activateRedemption .balanceBox .inputBox .ant-input {
  min-height: 40px;
}
.activateRedemption .balanceBox .rechargeBtn {
  padding: 0 30px;
  height: 38px;
  line-height: 38px;
  background: linear-gradient(-90deg, #D91B01, #F04A00);
  box-shadow: 0 0 8px 0 rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  color: #fff;
  margin-bottom: 20px;
}
.activateRedemption .balanceBox .title {
  color: #7D7D7D;
  line-height: 30px;
}

.clientDownload {
  font-size: 16px;
  font-weight: bold;
}
.clientDownload .pageContent {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 30px 20px;
}
.clientDownload .pageContent .contentHeader {
  height: 60px;
  border-bottom: 1px solid #e8f5fcff;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.clientDownload .pageContent .clientContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.clientDownload .pageContent .clientContent .clientImg {
  width: 331px;
  height: 402px;
  border: 2px solid #3c83f1;
  border-radius: 10px;
  margin-bottom: 50px;
}
.clientDownload .pageContent .clientContent .selectedImg {
  border: 2px solid #3c83f1;
  max-width: 331px;
  border-radius: 10px;
  margin-bottom: 50px;
}
.clientDownload .pageContent .clientContent .buttonBox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.clientDownload .pageContent .clientContent .buttonBox Button {
  margin: 0 40px;
  border: 1px solid #f2633e;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  width: 220px;
  height: 60px;
  background: #f2633e;
  border-radius: 30px;
}
.clientDownload .pageContent .clientContent .buttonBox Button > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.clientDownload .pageContent .clientContent .buttonBox Button > div .downloadImg {
  margin-right: 8px;
}
.clientDownload .pageContent .clientContent .buttonBox .AndroidDownload {
  color: #000;
  background: #f9fafb;
  border: 1px solid #e3e3e3;
}

.contractDetails {
  background: #F6F6F6;
  padding: 20px 0;
}
.contractDetails .pageContent {
  background-color: #fff;
}
.contractDetails .pageContent2 {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
}
.contractDetails .pageContent2 > div:nth-child(1) {
  margin-bottom: 25px;
}
.contractDetails .pageContent2 .dra {
  width: 100%;
  height: 1px;
  background-color: #eeeeeeff;
  margin-bottom: 30px;
}
.contractDetails .pageContent2 .htmlBox {
  position: relative;
  min-height: 220px;
}
.contractDetails .pageContent2 .htmlBox .contract {
  position: absolute;
  bottom: 15px;
  left: 10px;
  opacity: 0.8;
  width: 200px;
  height: 200px;
}
.contractDetails .pageContent4 {
  border-top: 1px solid #eeeeee;
  padding: 20px;
}
.contractDetails .pageContent4 p {
  color: red;
  padding-left: 36px;
}
.contractDetails .pageContent4 .item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.contractDetails .pageContent4 .item .left {
  width: 120px;
  text-align: right;
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
}
.contractDetails .pageContent4 .item .right {
  display: flex;
  align-items: center;
}
.contractDetails .pageContent4 .item .right .input {
  width: 300px;
}
.contractDetails .pageContent4 .item .right .imgBox {
  width: 150px;
  height: 50px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-right: 20px;
}
.contractDetails .pageContent4 .subBtn {
  display: block;
  margin: 40px auto 0;
  padding: 6.4px 70px;
}

.exclusiveStudent {
  padding: 0 30px 10px;
  background: #ffffff;
  border-radius: 10px;
}
.exclusiveStudent .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
}
.exclusiveStudent .studentTable {
  padding: 25px 30px;
}
.exclusiveStudent .studentTable .peopleAndReward {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #545454;
}
.exclusiveStudent .studentTable .peopleAndReward .item span:nth-child(2) {
  color: #ec4300;
}
.exclusiveStudent .studentTable .tableBox .tableTop {
  width: 100% !important;
  text-align: center;
  height: 40px;
  background: #f2f5fa;
  width: 112px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
  border: 1px solid #f0f0f0;
  border-bottom: none;
}

.learningCenter {
  display: flex;
  justify-content: space-between;
}
.learningCenter .line {
  width: 100%;
  height: 1px;
  background: #eeeeee;
  border-radius: 1px;
}
.learningCenter .noData {
  display: flex;
  justify-content: center;
  align-items: center;
}
.learningCenter .centerLeft .learningSpeed {
  width: 760px;
  height: 274px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 22px;
  padding: 14px 13px 0 17px;
}
.learningCenter .centerLeft .learningSpeed .speedHeader {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.learningCenter .centerLeft .learningSpeed .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 0;
}
.learningCenter .centerLeft .learningSpeed .ant-tabs-content-holder {
  height: 210px;
}
.learningCenter .centerLeft .learningSpeed .ant-tabs-left > .ant-tabs-content-holder {
  border-left: 0;
}
.learningCenter .centerLeft .recentHeader {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.learningCenter .centerLeft .recentHeader .recentHeaderLeft {
  font-size: 16px;
  font-weight: bold;
}
.learningCenter .centerLeft .recentHeader div:nth-child(2) {
  cursor: pointer;
}
.learningCenter .centerLeft .recentListenCourse {
  width: 760px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 14px 13px 14px 17px;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse {
  display: flex;
  padding: 18px 30px 0;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse .singleCourse {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 45px;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse .singleCourse .course {
  position: relative;
  cursor: pointer;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse .singleCourse .course .courseImg {
  width: 178px;
  height: 101px;
  border-radius: 4px;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse .singleCourse .course .haveLearned {
  width: 178px;
  height: 22px;
  background: #313131;
  opacity: 0.7;
  border-radius: 0px 0px 6px 6px;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse .singleCourse .courseName {
  margin: 8px 0;
}
.learningCenter .centerLeft .recentListenCourse .learningCourse .singleCourse .learningAgain {
  background: #ffffff;
  border: 1px solid #ea4417;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #ea4417;
}
.learningCenter .centerLeft .recentDoQuestion {
  width: 760px;
  background: #ffffff;
  border-radius: 10px;
  padding: 14px 13px 14px 17px;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent {
  padding: 0 18px;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  border-bottom: 1px solid #eeeeee;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .recordLeft {
  display: flex;
  align-items: center;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .recordLeft .shijuan {
  width: 25px;
  height: 29px;
  margin-right: 18px;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .recordLeft .toDoInformation > span {
  display: flex;
  align-items: center;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .recordLeft .toDoInformation > span .time {
  margin-right: 8px;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .recordLeft .toDoInformation > div {
  margin-left: 20px;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .recordLeft .toDoInformation > div > span {
  color: red;
  margin-left: 3px;
}
.learningCenter .centerLeft .recentDoQuestion .doQuestionContent .sigleDoRecord .doQuestionAgain {
  border: 1px solid #ea4417;
  background: linear-gradient(90deg, #f64f02, #e23c26, #e33d26);
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.learningCenter .centerRight {
  width: 250px;
  background: #ffffff;
  border-radius: 10px;
  padding: 15px 13px 0;
}
.learningCenter .centerRight .contentHeader {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.learningCenter .centerRight .recentLiveCast {
  margin-bottom: 10px;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom {
  width: 224px;
  border-radius: 2px;
  margin-top: 10px;
  padding: 10px 5px 7px 10px;
  cursor: pointer;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveDate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveDate .line1 {
  width: 1px;
  height: 13px;
  background-color: #000;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveDate .liveGif {
  width: 13px;
  height: 12px;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveDate .itsLive {
  color: #2ad8a4ff;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveDate .soonStart {
  color: #00805aff;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveFooter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom .liveFooter .livePortrait {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-left: 5px;
}
.learningCenter .centerRight .recentLiveCast .liveCastRoom:hover {
  background: #f6fbff;
}
.learningCenter .centerRight .myOrder {
  margin-top: 18px;
}
.learningCenter .centerRight .myOrder .orderContent {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 110px;
}
.learningCenter .centerRight .myOrder .orderContent .allOrder {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}
.learningCenter .centerRight .myOrder .orderContent .allOrder .topay {
  width: 31px;
  height: 35px;
  margin: 0 auto;
}
.learningCenter .centerRight .myOrder .orderContent .allOrder > div {
  margin-top: 20px;
  color: #888888ff;
}
.learningCenter .centerRight .myOrder .orderContent .allOrder:hover {
  background-color: #f6fbffff;
}

.learningData .pageHeader {
  border-radius: 10px;
  background: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}
.learningData .pageHeader .name {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  margin-right: 30px;
}
.learningData .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.learningData .noData img {
  margin-bottom: 20px;
}
.learningData .pageContent {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 0 20px;
}
.learningData .pageContent .ant-tabs-nav .ant-tabs-tab {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.learningData .pageContent .ant-tabs-nav .ant-tabs-tab div {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.learningData .pageContent .ant-tabs-nav .ant-tabs-tab-active div {
  color: #e83a00;
}
.learningData .pageContent .ant-tabs-nav .ant-tabs-ink-bar {
  background: #e83a00;
}
.learningData .pageContent .ant-tabs-content-holder {
  padding: 0 20px;
}
.learningData .pageContent .ant-tabs-content-holder .singleData {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #f4f4f4ff;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataBag {
  width: 44px;
  height: 44px;
  box-shadow: 0px 5px 8px 0px rgba(229, 92, 76, 0.39);
  margin: 0 25px;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataContent {
  flex: 1;
  color: #333333ff;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataContent > div:nth-child(1) {
  font-size: 16px;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataContent > div:nth-child(2) {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataContent > div:nth-child(2) Button {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #2ad8a4ff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2ad8a4ff;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataContent > div:nth-child(3) {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.learningData .pageContent .ant-tabs-content-holder .singleData .dataContent > div:nth-child(3) span:nth-child(1) {
  color: #666666ff;
  margin-right: 60px;
}

.listenRecord {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
}
.listenRecord .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
}
.listenRecord .myRecordList {
  padding: 0 30px;
}
.listenRecord .myRecordList .item {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
.listenRecord .myRecordList .item .item_Top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.listenRecord .myRecordList .item .item_Top > span {
  margin-left: 10px;
}
.listenRecord .myRecordList .item .item_Top .ant-tag {
  margin-left: 0;
  width: 40px;
  height: 20px;
  background: #2ad8a4;
  border-radius: 10px;
  line-height: 18px;
}
.listenRecord .myRecordList .item .item_Bootom {
  display: flex;
  align-items: center;
}
.listenRecord .myRecordList .item .item_Bootom .b_Left {
  width: 178px;
  height: 101px;
  border-radius: 5px;
  margin-right: 20px;
}
.listenRecord .myRecordList .item .item_Bootom .b_Left img {
  width: 178px;
  height: 101px;
  border-radius: 5px;
}
.listenRecord .myRecordList .item .item_Bootom .b_Middle {
  flex: 1;
  height: 100px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #333333;
}
.listenRecord .myRecordList .item .item_Bootom .b_Middle .itemName {
  font-size: 16px;
  font-weight: bold;
}
.listenRecord .myRecordList .item .item_Bootom .b_Middle .m_Bottom {
  display: flex;
  justify-content: space-between;
}
.listenRecord .myRecordList .item .item_Bootom .b_Middle .m_Bottom .courseName,
.listenRecord .myRecordList .item .item_Bootom .b_Middle .m_Bottom .teaName {
  font-size: 14px;
  font-weight: 400;
}
.listenRecord .myRecordList .item .item_Bootom .b_Middle .m_Bottom .studyTime {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 400;
}
.listenRecord .myRecordList .item .item_Bootom .b_Middle .m_Bottom .studyTime span:nth-child(2) {
  display: inline-block;
  width: 110px;
  height: 20px;
  background: linear-gradient(90deg, #ea4417, rgba(255, 255, 255, 0.63));
  border-radius: 10px;
  line-height: 20px;
  padding: 0 13px;
  color: #ffffff;
}
.listenRecord .myRecordList .item .item_Bootom .b_Right .startBtn {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #2ad8a4;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2ad8a4;
  box-shadow: 0px 0px 6px 0px rgba(42, 216, 164, 0.3);
}
.listenRecord .myRecordList .item .item_Bootom .b_Right .continueBtn {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #ea4417;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #ea4417;
  box-shadow: 0px 0px 6px 0px rgba(228, 62, 35, 0.3);
}
.listenRecord .myRecordList .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.listenRecord .myRecordList .noData img {
  margin-bottom: 20px;
}

.makeQuestion {
  width: 100%;
  position: relative;
}
.makeQuestion .ant-alert {
  margin-bottom: 20px;
  background: white;
  color: #666666;
  border-radius: 4px;
}
.makeQuestion .ant-alert img {
  height: 14px;
}
.makeQuestion .ant-alert .anticon-close {
  color: rgba(247, 78, 52, 0.65);
}
.makeQuestion .ant-alert .anticon-close:hover {
  color: #E64C33;
}
.makeQuestion .mqHeader {
  border-radius: 10px 10px 0 0;
  background: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  border-bottom: 1px solid #EEEEEE;
}
.makeQuestion .mqHeader .name {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  margin-right: 30px;
}
.makeQuestion .ant-tabs-nav-wrap {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.makeQuestion .ant-tabs-nav-wrap .ant-tabs-tab {
  padding: 15px 16px;
}
.makeQuestion .ant-tabs-nav-wrap .tabPane-header {
  text-align: center;
}
.makeQuestion .ant-tabs-nav-wrap .tabPane-header .icon-header {
  font-size: 20px;
  margin-right: 0;
}
.makeQuestion .ant-tabs-nav-wrap .tabPane-header .img-header {
  width: 30px;
  margin-bottom: 5px;
}
.makeQuestion .ant-tabs-nav-wrap .ant-tabs-ink-bar {
  height: 3px;
}
.makeQuestion .content {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.makeQuestion .content .c1 {
  color: #2AD8A4;
}
.makeQuestion .content .c2 {
  color: #0A78DE;
}
.makeQuestion .content .c3 {
  color: #E64C33;
}
.makeQuestion .content .c4 {
  color: #F0C132;
}
.makeQuestion .content .content-header-card {
  height: 48px;
  background: #f9f9f9;
  border-radius: 5px;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 195px 0 125px;
  margin-bottom: 10px;
}
.makeQuestion .content .ant-collapse-header {
  font-weight: 600;
  padding-left: 50px;
  display: flex;
  align-items: center;
}
.makeQuestion .content .ant-collapse-header .header-title {
  flex: 1;
}
.makeQuestion .content .ant-collapse-item {
  border-bottom: 0;
}
.makeQuestion .content .ant-collapse-content-box {
  padding: 0 0 0 35px !important;
}
.makeQuestion .content .ant-collapse-arrow {
  font-size: 20px !important;
}
.makeQuestion .content .no-sub .ant-collapse-arrow {
  font-size: 0 !important;
}
.makeQuestion .content .no-sub .ant-collapse-header {
  padding-left: 0 !important;
}
.makeQuestion .content .no-sub:hover {
  background-color: #d3d3d3;
  border-radius: 5px;
}
.makeQuestion .content .aaaa {
  vertical-align: -4px;
  font-size: 20px;
  margin: 0 15px;
}
.makeQuestion .content .end-time {
  color: #999999;
  min-width: 65px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-right: 70px;
}
.makeQuestion .content .topicAnalysis {
  color: #2AD8A4;
}
.makeQuestion .content .topicAnalysis:hover {
  text-decoration: underline;
}
.makeQuestion .content .onlineTime {
  color: #6d6d6d;
  margin-right: 90px;
}
.makeQuestion .content .btn {
  padding: 0 24px;
  height: 36px;
  border-radius: 5px;
  line-height: 34px;
  border: 2px solid;
}
.makeQuestion .content .btn .anticon {
  font-size: 16px;
  font-weight: bold;
}
.makeQuestion .content .btn1 {
  background: #E7FFF8;
  color: #2AD8A4;
  border-color: #C3F0E3;
}
.makeQuestion .content .btn1:hover {
  background: #C3F0E3;
}
.makeQuestion .content .btn2 {
  background: #FFEEED;
  color: #E20502;
  border-color: #FEDCDC;
}
.makeQuestion .content .btn2:hover {
  background: #FEDCDC;
}
.makeQuestion .content .btn3 {
  background: #EEF5FF;
  color: #3B83F1;
  border-color: #D4E4FB;
}
.makeQuestion .content .btn3:hover {
  background: #D4E4FB;
}
.makeQuestion .content .btn4 {
  background: #FFEFE9;
  color: #FF4900;
  border-color: #FF4900;
}
.makeQuestion .content .btn4:hover {
  color: #fff;
  background: #FF4900;
}
.makeQuestion .content .btn5 {
  padding: 0 24px;
  border-radius: 17px;
  height: 34px;
  line-height: 34px;
  color: #ffffff;
}
.makeQuestion .content .btn6 {
  background: linear-gradient(90deg, #F64F02, #E23C26, #E33D26);
  box-shadow: 0 0 10px 0 rgba(229, 62, 34, 0.3);
  border-color: #F64F02;
}
.makeQuestion .content .btn7 {
  background: #2AD8A4;
  box-shadow: 0 0 10px 0 rgba(42, 216, 164, 0.3);
  border-color: #2AD8A4;
}
.makeQuestion .content .btn8 {
  border-radius: 18px;
  color: #2AD8A4;
  border-color: #C3F0E3;
  box-shadow: 0 0 6px 0 rgba(42, 216, 164, 0.3);
}
.makeQuestion .content .btn8:hover {
  color: #fff;
  background: #C3F0E3;
}
.makeQuestion .content .btn9 {
  border-radius: 18px;
  color: #FF4900;
  border-color: #E43E23;
  box-shadow: 0 0 6px 0 rgba(228, 62, 35, 0.3);
}
.makeQuestion .content .btn9:hover {
  color: #fff;
  background: #E43E23;
}
.makeQuestion .content .content-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #999999;
}
.makeQuestion .content .report-title {
  font-size: 16px;
}
.makeQuestion .content .report-title i {
  width: 6px;
  height: 20px;
  background: linear-gradient(82deg, #62a9ff, #9bc8ff);
  border-radius: 3px;
  margin-right: 10px;
}
.makeQuestion .content .num-card {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.makeQuestion .content .num-card .item-card {
  height: 125px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding-top: 25px;
  width: 22%;
  background: url("/report_bg.png") no-repeat;
  background-size: cover;
}
.makeQuestion .content .num-card .item-card .t2 {
  color: #333333;
  font-size: 18px;
}
.makeQuestion .content .num-card .item-card .t2 span {
  font-size: 48px;
  line-height: 48px;
}
.makeQuestion .content .num-card .item-card .t3 {
  color: #333333;
  font-size: 16px;
}
.makeQuestion .content .recordItem {
  border-bottom: 1px solid #EEEEEE;
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.makeQuestion .content .recordItem .left {
  flex: 1;
  color: #333333;
}
.makeQuestion .content .recordItem .left .t1 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.makeQuestion .content .recordItem .left .t2 .time {
  margin-right: 30px;
}
.makeQuestion .content .recordItem .type {
  margin-right: 25px;
}
.makeQuestion .content .notesItem {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
  padding: 20px 0;
}
.makeQuestion .content .notesItem .left {
  flex: 1;
}
.makeQuestion .content .notesItem .left .t1 {
  margin-bottom: 10px;
}
.makeQuestion .content .notesItem .delete {
  margin: 0 46px;
  color: #EA4417;
  cursor: pointer;
}
.makeQuestion .content .notesItem .delete:hover {
  text-decoration: underline;
}
.makeQuestion .content1 {
  min-height: 635px;
  background: url("/meiriyilian_bg.png") no-repeat center bottom, #fff;
  padding-top: 45px;
}
.makeQuestion .content1 .titleImg {
  margin: 0 auto 50px;
  display: block;
}
.makeQuestion .content1 .exerciseBox {
  width: 867px;
  height: 100px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11);
  border-radius: 4px;
  margin: 0 auto 70px;
  display: flex;
  flex-direction: row-reverse;
}
.makeQuestion .content1 .exerciseBox .exerciseItem {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.makeQuestion .content1 .exerciseBox .exerciseItem .t1 {
  color: #666666;
  font-size: 18px;
}
.makeQuestion .content1 .exerciseBox .exerciseItem .t2 {
  color: #A1A0A0;
}
.makeQuestion .content1 .exerciseBox .select {
  border-bottom: 2px solid #E64C33;
}
.makeQuestion .content1 .exerciseBox .select .t1 {
  color: #E64C33;
}
.makeQuestion .content1 .exerciseBox .select .t2 {
  color: #E64C33;
}
.makeQuestion .content1 .courseBox {
  margin: 0 auto;
  width: 867px;
  height: 82px;
  background: #F9F9F9;
  border-radius: 4px;
  padding: 0 30px;
  display: flex;
  align-items: center;
}
.makeQuestion .content1 .courseBox .t1 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.makeQuestion .content1 .courseBox .t1 .courseName {
  font-size: 16px;
  color: #333333;
  margin-bottom: 5px;
}
.makeQuestion .content1 .courseBox .t1 .joinNum {
  color: #939393;
}
.makeQuestion .content1 .courseBox .t2 {
  margin-right: 32px;
  color: #9D9D9D;
  cursor: pointer;
}
.makeQuestion .content1 .courseBox .t2:hover {
  text-decoration: underline;
}
.makeQuestion .content2 {
  padding: 24px 58px 50px 58px;
}
.makeQuestion .content2 .topDiv {
  width: 915px;
  height: 82px;
  margin: 0 auto 23px auto;
  padding: 0 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.makeQuestion .content2 .topDiv .leftT .startTest {
  width: 100px;
  height: 34px;
  background: linear-gradient(90deg, #F64F02, #E23C26, #E33D26);
  box-shadow: 0px 0px 10px 0px rgba(229, 62, 34, 0.3);
  border-radius: 17px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
.makeQuestion .content2 .topDiv .leftT > span {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-left: 20px;
}
.makeQuestion .content2 .topDiv .delBtn {
  font-size: 14px;
  font-weight: 400;
  color: #E33D24;
  cursor: pointer;
}
.makeQuestion .content2 .thCenter {
  text-align: center;
}
.makeQuestion .conBtnBox {
  display: flex;
  margin-bottom: 16px;
  flex-direction: row-reverse;
}
.makeQuestion .conBtnBox .btn {
  line-height: 25px;
  padding: 0 14px;
  height: 25px;
  background: #FFFFFF;
  border-radius: 13px;
  color: #505050;
  font-size: 12px;
  cursor: pointer;
}
.makeQuestion .conBtnBox .btn img {
  margin-right: 5px;
}
.makeQuestion .conBtnBox .btn:hover {
  color: #F65D01;
}
.makeQuestion .conBtnBox .radioBox {
  flex: 1;
}
.makeQuestion .feedBackItem {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}
.makeQuestion .feedBackItem .top,
.makeQuestion .feedBackItem .center {
  color: #3C3C3C;
  padding: 20px;
}
.makeQuestion .feedBackItem .top .t1,
.makeQuestion .feedBackItem .center .t1 {
  margin-bottom: 10px;
}
.makeQuestion .feedBackItem .top .t1:last-of-type,
.makeQuestion .feedBackItem .center .t1:last-of-type {
  margin-bottom: 0;
}
.makeQuestion .feedBackItem .top .t2,
.makeQuestion .feedBackItem .center .t2 {
  font-size: 16px;
}
.makeQuestion .feedBackItem .top1 {
  background: url("/feedBack_bg.png") no-repeat 928px center;
  padding-right: 136px;
}
.makeQuestion .feedBackItem .center {
  border-top: 2px solid #F4F4F4;
}
.makeQuestion .feedBackItem .foot {
  text-align: center;
  color: #E64C33;
  line-height: 43px;
  height: 43px;
  background: #FEF5F4;
}
.makeQuestion .feedBackItem .foot span {
  cursor: pointer;
}
.makeQuestion .feedBackItem .foot span:hover {
  text-decoration: underline;
}
.makeQuestion .noData {
  min-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.makeQuestion .iframeLayerBox {
  width: 100%;
  height: 1100px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
}
.makeQuestion .iframeLayerBox .msgBtnBox {
  width: 100%;
  margin-top: 480px;
  text-align: center;
}
.makeQuestion .iframeLayerBox .msgBtnBox .msg1 {
  color: #ffffff;
  margin-bottom: 15px;
}
.makeQuestion .iframeLayerBox .btn {
  padding: 0 24px;
  height: 36px;
  border-radius: 5px;
  line-height: 34px;
  border: 2px solid;
}
.makeQuestion .iframeLayerBox .btn .anticon {
  font-size: 16px;
  font-weight: bold;
}
.makeQuestion .iframeLayerBox .btn3 {
  background: #3B83F1;
  color: #ebf0f7;
  border-color: #3B83F1;
}
.makeQuestion .iframeLayerBox .btn3:hover {
  background: #3B83F1;
}
.makeQuestion .iframeBox {
  background: none;
  width: 174%;
  transform: scale(0.82);
  margin-top: -80px;
  margin-left: -374px;
}
.modalModal .ant-modal-close-x {
  line-height: 33px;
  width: 52px;
}
.modalModal .ant-modal-body {
  padding: 24px 0;
  background: url("/xuanzemoshi.png") no-repeat;
  background-size: cover;
  text-align: center;
}
.modalModal .ant-modal-body img {
  margin-bottom: 10px;
}
.modalModal .ant-modal-body .mTitle {
  color: #333333;
  font-size: 18px;
  margin-bottom: 20px;
}
.modalModal .ant-modal-body .t1 {
  color: #333333;
  font-size: 16px;
  line-height: 30px;
}
.modalModal .ant-modal-body .t2 {
  color: #999999;
}
.remakeSettingModal .title {
  color: #2a2929;
  text-align: center;
}
.remakeSettingModal .ant-radio-group {
  padding: 0 50px 0 100px;
  display: flex;
  flex-wrap: wrap;
}
.remakeSettingModal .ant-radio-group .ant-radio-wrapper {
  width: 50%;
  margin-right: 0;
  margin-bottom: 20px;
}
.remakeSettingModal .t2 {
  margin-top: 22px;
  display: flex;
  justify-content: space-around;
}
.remakeSettingModal .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.remakeSettingModal .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}
.previewModal .ant-modal-body {
  max-height: 70vh;
  overflow: auto;
}
.previewModal * {
  white-space: pre-wrap;
}
.previewModal .fit {
  width: 100%;
  height: fit-content;
  max-height: 60vh;
}
.previewModal .item {
  color: #686868;
  font-weight: bold;
  margin-bottom: 20px;
}
.previewModal .item:last-of-type {
  margin-bottom: 0;
}
.previewModal .item img {
  max-width: 100%;
  vertical-align: top;
}
.previewModal .item .icimg {
  cursor: pointer;
}
.previewModal .item .top {
  padding: 25px 35px;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  margin-bottom: 20px;
}
.previewModal .item .top .subType {
  font-size: 16px;
  margin-bottom: 10px;
  font-style: italic;
}
.previewModal .item .top .issue {
  margin-bottom: 20px;
}
.previewModal .item .top .optionItem {
  border: 1px solid #bab9b9;
  border-radius: 3px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.previewModal .item .top .selt {
  border: 1px solid #4acab1;
}
.previewModal .item .top .answer {
  color: #686868;
  font-size: 16px;
}
.previewModal .item .top .answer span {
  color: #4acab1;
}
.previewModal .item .foot {
  padding: 0 35px;
}
.previewModal .item .foot .t1 {
  font-size: 16px;
  font-style: italic;
}
.ant-dropdow .ant-dropdown-menu,
.dropdownMenuBox .ant-dropdown-menu {
  max-height: 450px;
  overflow-y: auto;
}

.messageCenter .pageHeader {
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  background: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}
.messageCenter .pageHeader .goBack {
  margin-right: 20px;
  border: 1px solid #aeaeaeff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #aeaeaeff;
  font-size: 12px;
}
.messageCenter .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.messageCenter .noData img {
  margin-bottom: 20px;
}
.messageCenter .pageContent {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 0 20px;
  position: relative;
}
.messageCenter .pageContent .allIsRead {
  position: absolute;
  top: 15px;
  right: 20px;
  border: 1px solid #ea4417;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #ea4417;
  z-index: 10;
}
.messageCenter .pageContent .ant-tabs-nav .ant-tabs-tab {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.messageCenter .pageContent .ant-tabs-nav .ant-tabs-tab div {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.messageCenter .pageContent .ant-tabs-nav .ant-tabs-tab-active div {
  color: #e83a00;
}
.messageCenter .pageContent .ant-tabs-nav .ant-tabs-ink-bar {
  background: #e83a00;
}
.messageCenter .pageContent .ant-tabs-content-holder {
  padding: 0 20px;
}
.messageCenter .pageContent .ant-tabs-content-holder .singleMessage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #f4f4f4ff;
}
.messageCenter .pageContent .ant-tabs-content-holder .singleMessage .lindang {
  width: 25px;
  height: 25px;
  margin: 0 12px;
  cursor: pointer;
}
.messageCenter .pageContent .ant-tabs-content-holder .singleMessage .messageContent {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.messageCenter .pageContent .ant-tabs-content-holder .singleMessage .messageContent > div:nth-child(1) {
  cursor: pointer;
}
.messageCenter .pageContent2 {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
}
.messageCenter .pageContent2 > div:nth-child(1) {
  margin-bottom: 25px;
}
.messageCenter .pageContent2 > div:nth-child(2) {
  font-size: 14px;
  color: #333333ff;
  margin-bottom: 30px;
}
.messageCenter .pageContent2 > div:nth-child(3) {
  width: 100%;
  height: 1px;
  background-color: #eeeeeeff;
  margin-bottom: 30px;
}

.myCollection .pageHeader {
  padding-left: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  height: 60px;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.myCollection .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.myCollection .noData img {
  margin-bottom: 20px;
}
.myCollection .pageContent {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 0 20px;
}
.myCollection .pageContent .ant-tabs-nav .ant-tabs-tab {
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myCollection .pageContent .ant-tabs-nav .ant-tabs-tab div {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.myCollection .pageContent .ant-tabs-nav .ant-tabs-tab-active div {
  color: #e83a00;
}
.myCollection .pageContent .ant-tabs-nav .ant-tabs-ink-bar {
  background: #e83a00;
}
.myCollection .pageContent .ant-tabs-content-holder {
  padding: 0 20px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection {
  margin-top: 10px;
  border-bottom: 1px solid #f4f4f4ff;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .collectionContent {
  display: flex;
  justify-content: space-between;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .collectionContent div:nth-child(1) {
  color: #333333ff;
  font-size: 16px;
  cursor: pointer;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .collectionContent div:nth-child(2) {
  color: #666666ff;
  font-size: 14px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .collectionContent div:nth-child(2) span {
  margin-left: 5px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .cancelCollection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #c0c0c0ff;
  font-size: 12px;
  margin-bottom: 12px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .cancelCollection > span {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.myCollection .pageContent .ant-tabs-content-holder .singleCollection .cancelCollection .collectionIcon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f4f4ff;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .zhiboBox {
  position: relative;
  cursor: pointer;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .zhiboBox .zhibo {
  position: absolute;
  left: 0;
  top: 0;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionIcon {
  width: 178px;
  height: 101px;
  border-radius: 4px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent {
  flex: 1;
  padding-left: 20px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .courseName {
  font-size: 16px;
  color: #333333ff;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .courseName > span {
  cursor: pointer;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .subjectName {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 5px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .subjectName span:nth-child(1) {
  color: #333333ff;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .subjectName span:nth-child(2) {
  color: #666666ff;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .cancelCollection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #c0c0c0ff;
  font-size: 12px;
  margin-top: 2px;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .cancelCollection > span {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.myCollection .pageContent .ant-tabs-content-holder .singleImgCollection .collectionContent .cancelCollection .collectionIcon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.myContract .pageContent {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 30px 20px;
}
.myContract .pageContent .contentHeader {
  font-size: 16px;
  font-weight: bold;
  background: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}
.myContract .pageContent .contentHeader .goBack {
  margin-right: 20px;
  border: 1px solid #aeaeaeff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #aeaeaeff;
  font-size: 12px;
}
.myContract .pageContent .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.myContract .pageContent .noData img {
  margin-bottom: 20px;
}
.myContract .pageContent .singleContract {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #f4f4f4ff;
}
.myContract .pageContent .singleContract .contractImg {
  width: 25px;
  height: 25px;
  margin: 0 12px;
}
.myContract .pageContent .singleContract .contractContent {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myContract .pageContent .singleContract .contractContent .createTime {
  color: #8C8C8C;
}
.myContract .pageContent .singleContract .contractContent .contractAction .download {
  margin-right: 20px;
  cursor: pointer;
}
.myContract .pageContent .singleContract .contractContent .contractAction .btn1 {
  border: 1px solid #2AD8A4FF;
  background: #2AD8A4FF;
  border-radius: 15px;
  color: #fff;
}
.myContract .pageContent .singleContract .contractContent .contractAction .btn2 {
  border: 1px solid #2AD8A4FF;
  border-radius: 15px;
  color: #2ad8a4ff;
}
.myContract .pageContent .singleContract .contractContent .contractAction .t2 {
  text-align: right;
}
.myContract .pageContent .singleContract .contractContent .contractAction .t2 .s1 {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.myContract .pageContent .singleContract .contractContent .contractAction .t2 .s2 {
  margin-top: 10px;
  color: #999999;
}
.myContract .pageContent2 {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
}
.myContract .pageContent2 > div:nth-child(1) {
  margin-bottom: 25px;
}
.myContract .pageContent2 .dra {
  width: 100%;
  height: 1px;
  background-color: #eeeeeeff;
  margin-bottom: 30px;
}
.myContract .pageContent2 .htmlBox {
  position: relative;
  min-height: 220px;
}
.myContract .pageContent2 .htmlBox .contract {
  position: absolute;
  bottom: 15px;
  left: 10px;
  opacity: 0.8;
  width: 200px;
  height: 200px;
}
.myContract .pageContent3 .ant-list-item-meta-content {
  display: flex;
  align-items: center;
}
.myContract .pageContent3 .ant-list-item-meta-content .ant-list-item-meta-title {
  min-width: 70px;
  font-weight: 600;
  margin-bottom: 0;
}
.myContract .pageContent3 .ant-list-item-meta-content .ant-list-item-meta-description {
  flex: 1;
}
.myContract .pageContent3 .subBtn {
  display: block;
  margin: 40px auto 0;
}
.myContract .pageContent3 .see {
  color: #3C83F1;
  opacity: 0.9;
}
.myContract .pageContent3 .see:hover {
  opacity: 1;
}

.myCoupons {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
}
.myCoupons .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
  margin-bottom: 20px;
}
.myCoupons .couponsList .ant-tabs-nav::before {
  display: none;
}
.myCoupons .couponsList .ant-tabs-nav-wrap {
  background: #f6f6f6;
}
.myCoupons .couponsList .ant-tabs-nav-wrap .ant-tabs-tab {
  margin: 0;
  padding: 15px 0;
}
.myCoupons .couponsList .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn {
  padding: 0 35px;
  border-left: 1px solid #dcdcdc;
}
.myCoupons .couponsList .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn .tabHeader {
  font-size: 12px;
  font-weight: 400;
  color: #505050;
}
.myCoupons .couponsList .ant-tabs-nav-wrap .ant-tabs-tab:nth-child(4) .ant-tabs-tab-btn {
  padding: 0 23px;
}
.myCoupons .couponsList .ant-tabs-nav-wrap .ant-tabs-tab:nth-child(1) .ant-tabs-tab-btn {
  border-left: none;
}
.myCoupons .couponsList .ant-tabs-nav-wrap .ant-tabs-tab-active .tabHeader {
  color: #ec4300 !important;
}
.myCoupons .couponsList .ant-tabs-ink-bar {
  left: 45px;
  top: 40px;
  width: 18px !important;
  margin: 0 45px;
  background: #ec4300;
}
.myCoupons .content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.myCoupons .content .item {
  width: 391px;
  height: 108px;
  background-image: url("/coupon_bg.png");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  margin: 0 90px 30px 0;
}
.myCoupons .content .item .item_left {
  width: 126px;
  font-size: 24px;
  font-weight: bold;
  color: #f95f71;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.myCoupons .content .item .item_left span {
  font-size: 12px;
  align-self: flex-end;
  margin-bottom: 5px;
}
.myCoupons .content .item .item_left .satisfyPrice {
  margin-top: 5px;
  padding: 1px 8px;
  background: #F96E5F;
  border-radius: 11px;
  color: #FFFFFF;
  font-size: 12px;
}
.myCoupons .content .item .item_right {
  flex: 1;
  padding-left: 12px;
  padding-right: 10px;
}
.myCoupons .content .item .item_right .couponName {
  font-size: 14px;
  font-weight: 400;
  color: #ffff00;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.myCoupons .content .item .item_right .couponName img {
  width: 50px;
}
.myCoupons .content .item .item_right .expTime,
.myCoupons .content .item .item_right .type {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.myCoupons .noCoupon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.myIntegral .pageHeader {
  padding: 15px 30px;
  background: #ffffff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 15px;
}
.myIntegral .signInBox {
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
}
.myIntegral .signInBox .box_left .top {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 10px;
}
.myIntegral .signInBox .box_left .top span {
  color: #e64c33;
}
.myIntegral .signInBox .box_left .bottom {
  width: 292px;
  padding: 23px 32px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: url("/signIn_bg.png");
}
.myIntegral .signInBox .box_left .bottom .signInBtn {
  width: 76px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #e13b29;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #e13b29;
}
.myIntegral .signInBox .box_right .top {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 10px;
}
.myIntegral .signInBox .box_right .bottom {
  padding: 23px 32px;
  background: #f6f6f6;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.myIntegral .tableBox {
  background: #ffffff;
  border-radius: 10px;
}
.myIntegral .tableBox .ant-tabs-tab {
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myIntegral .tableBox .ant-tabs-tab div {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.myIntegral .tableBox .ant-tabs-tab-active div {
  color: #e83a00;
}
.myIntegral .tableBox .ant-tabs-ink-bar {
  background: #e83a00;
}
.myIntegral .tableBox .content {
  padding: 0 45px 20px;
}

.myLivesBroadcast {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
}
.myLivesBroadcast .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
}
.myLivesBroadcast .actionBox {
  margin-top: 15px;
}
.myLivesBroadcast .actionBox .ant-radio-button-wrapper {
  margin-right: 15px;
  min-width: 77px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #ea4417;
  border-radius: 15px;
  text-align: center;
  color: #ea4417;
}
.myLivesBroadcast .actionBox .ant-radio-button-wrapper::before {
  display: none;
}
.myLivesBroadcast .actionBox .ant-radio-button-wrapper:first-child {
  border-right-color: #ea4417;
}
.myLivesBroadcast .actionBox .ant-radio-button-wrapper-checked {
  min-width: 77px;
  height: 30px;
  background: #ea4417;
  border-radius: 15px;
  color: #fff;
}
.myLivesBroadcast .myLivesList {
  padding: 0 30px;
}
.myLivesBroadcast .myLivesList .item {
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
}
.myLivesBroadcast .myLivesList .item .item_left {
  width: 178px;
  height: 101px;
  border-radius: 5px;
  margin-right: 20px;
}
.myLivesBroadcast .myLivesList .item .item_left img {
  width: 178px;
  height: 101px;
  border-radius: 5px;
}
.myLivesBroadcast .myLivesList .item .item_middle {
  flex: 1;
  padding: 10px 0;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #333333;
}
.myLivesBroadcast .myLivesList .item .item_middle .itemNameBox {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.myLivesBroadcast .myLivesList .item .item_middle .itemNameBox .className {
  max-width: 250px;
}
.myLivesBroadcast .myLivesList .item .item_middle .itemNameBox img {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 20px;
  align-self: flex-start;
}
.myLivesBroadcast .myLivesList .item .item_middle .itemNameBox .status1 {
  font-size: 14px;
  font-weight: 400;
  color: #00805a;
  align-self: flex-start;
}
.myLivesBroadcast .myLivesList .item .item_middle .itemNameBox .status2 {
  font-size: 16px;
  font-weight: 400;
  color: #2ad8a4;
  align-self: flex-start;
}
.myLivesBroadcast .myLivesList .item .item_middle .itemNameBox > span {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
  align-self: flex-start;
}
.myLivesBroadcast .myLivesList .item .item_middle .courseName,
.myLivesBroadcast .myLivesList .item .item_middle .teaName {
  font-size: 14px;
  font-weight: 400;
}
.myLivesBroadcast .myLivesList .item .item_middle .teaName span {
  margin-right: 30px;
}
.myLivesBroadcast .myLivesList .item .item_right .startBtn {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #2ad8a4;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2ad8a4;
}
.myLivesBroadcast .myLivesList .item .item_right .unlocked {
  color: #BAB9B9;
  border: 1px solid #BAB9B9;
}
.myLivesBroadcast .myLivesList .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.myLivesBroadcast .myLivesList .noData img {
  margin-bottom: 20px;
}

.myOrders {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
}
.myOrders .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
  margin-bottom: 20px;
}
.myOrders .ordersList .ant-tabs-nav::before {
  display: none;
}
.myOrders .ordersList .ant-tabs-nav-wrap {
  background: #f6f6f6;
  padding: 5px 0;
}
.myOrders .ordersList .ant-tabs-nav-wrap .ant-tabs-tab {
  margin: 0;
  padding: 15px 0;
}
.myOrders .ordersList .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn {
  width: 100px;
  display: flex;
  justify-content: center;
  border-left: 1px solid #dcdcdc;
}
.myOrders .ordersList .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn .tabHeader {
  font-size: 12px;
  font-weight: 400;
  color: #505050;
}
.myOrders .ordersList .ant-tabs-nav-wrap .ant-tabs-tab:nth-child(1) .ant-tabs-tab-btn {
  border-left: none;
}
.myOrders .ordersList .ant-tabs-nav-wrap .ant-tabs-tab-active .tabHeader {
  color: #ec4300 !important;
}
.myOrders .ordersList .ant-tabs-ink-bar {
  top: 40px;
  width: 18px !important;
  margin: 0 41px;
  background: #ec4300;
}
.myOrders .content .item {
  margin-bottom: 30px;
}
.myOrders .content .item .item_top {
  display: flex;
  align-items: center;
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.myOrders .content .item .item_top > span {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.myOrders .content .item .item_top > div {
  margin: 0 10px 0 30px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.myOrders .content .item .item_top > div span {
  color: #555555;
}
.myOrders .content .item .item_top .ant-tag {
  color: #ffffff;
}
.myOrders .content .item .item_bottom {
  min-height: 100px;
  display: flex;
  align-items: center;
  border: 1px solid #e8e8e8;
  border-top: none;
}
.myOrders .content .item .item_bottom .itemInfo {
  width: 52%;
  padding: 15px;
  display: flex;
  align-items: center;
}
.myOrders .content .item .item_bottom .itemInfo .coverUrl {
  max-width: 178px;
  margin-right: 20px;
}
.myOrders .content .item .item_bottom .itemInfo .coverUrl img {
  max-width: 100%;
  max-height: 100%;
}
.myOrders .content .item .item_bottom .itemInfo .itemName {
  flex: 1;
  padding: 8px 0;
  align-self: flex-start;
}
.myOrders .content .item .item_bottom .itemPrice,
.myOrders .content .item .item_bottom .shippingAddress,
.myOrders .content .item .item_bottom .itemStatus,
.myOrders .content .item .item_bottom .itemAction,
.myOrders .content .item .item_bottom .shipAera {
  width: 12%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.myOrders .content .item .item_bottom .itemPrice {
  font-size: 16px;
  font-weight: bold;
  color: #ee491f;
}
.myOrders .content .item .item_bottom .shippingAddress {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  cursor: pointer;
}
.myOrders .content .item .item_bottom .hhh {
  cursor: pointer;
}
.myOrders .content .item .item_bottom .hhh:hover {
  color: #62A9FF;
}
.myOrders .content .item .item_bottom .itemStatus {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.myOrders .content .item .item_bottom .itemAction {
  flex-direction: column;
}
.myOrders .content .item .item_bottom .itemAction .toPay {
  height: 30px;
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  border-radius: 15px;
  border-color: #f04a00;
  margin-bottom: 10px;
}
.myOrders .content .item .item_bottom .itemAction .cancleBtn {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
}
.myOrders .content .item .item_bottom .itemAction .courierNum {
  color: #df2701;
  cursor: pointer;
}
.myOrders .content .item .item_bottom .itemAction .courierNum:hover {
  text-decoration: underline;
}
.myOrders .content .item1 {
  display: flex;
}
.myOrders .content .item1 .leftItem {
  width: 38px;
  border-radius: 4px 0 0 4px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 10px 10px;
}
.myOrders .content .item1 .left1 {
  background: linear-gradient(0deg, #3776ED, #5EAAF0);
}
.myOrders .content .item1 .left2 {
  background: linear-gradient(0deg, #C0846D, #E0B28D);
}
.myOrders .content .item1 .left3 {
  background: linear-gradient(0deg, #E14C3B, #EB694A);
}
.myOrders .content .item1 .rightItem {
  flex: 1;
}
.myOrders .content .item1 .rightItem .item_top {
  border-radius: 0 4px 0 0;
}
.myOrders .noOrder {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.myOrders .noOrder img {
  margin-bottom: 15px;
}
.addressModal .addressModalBox {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  color: #3a3a3a;
}
.addressModal .addressModalBox .namePhone {
  margin-bottom: 20px;
}
.addressModal .addressModalBox .namePhone span:nth-child(1) {
  margin-right: 30px;
}
.concelModal .concleBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.concelModal .concleBox .msg {
  margin-bottom: 30px;
}
.concelModal .concleBox .btnBox .sureBtn {
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  border-radius: 15px;
  border-color: #f04a00;
  margin-right: 30px;
}
.concelModal .concleBox .btnBox .concleBtn {
  background: #ffffff;
  border: 1px solid #e93b00;
  border-radius: 15px;
  color: #e02901;
}
.concelModal .ant-modal-close {
  display: none;
}
.orderNumModal .orderNumModalBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.orderNumModal .orderNumModalBox .orderNumName {
  margin-bottom: 35px;
}
.orderNumModal .orderNumModalBox .orderNumName span {
  font-size: 14px;
  font-weight: 400;
  color: #3a3a3a;
}
.orderNumModal .orderNumModalBox .orderNumName span:nth-child(2) {
  background: #e5e5e5;
  padding: 8px 10px;
  margin-left: 15px;
}
.orderNumModal .orderNumModalBox .copyBtn {
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  border-radius: 15px;
  border-color: #f04a00;
}

.myRecommend {
  padding: 0 30px 30px;
  background: #ffffff;
  border-radius: 10px;
}
.myRecommend .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
}
.myRecommend .recommendContent .typeBox {
  padding: 30px 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myRecommend .recommendContent .typeBox .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.myRecommend .recommendContent .typeBox .item img {
  margin-bottom: 10px;
}
.myRecommend .recommendContent .rewardBox {
  height: 36px;
  padding: 0 45px;
  background: #ffe6dc;
  font-size: 14px;
  font-weight: 400;
  color: #ec4300;
  line-height: 36px;
  margin-bottom: 45px;
  text-align: center;
}
.myRecommend .recommendContent .recommendBottom {
  display: flex;
  justify-content: space-between;
}
.myRecommend .recommendContent .introduceBox {
  position: relative;
  padding: 35px 20px;
  background: #f2f5fa;
  width: 60%;
  margin-right: 20px;
}
.myRecommend .recommendContent .introduceBox .top {
  width: 132px;
  height: 36px;
  background: #3c83f1;
  border-radius: 6px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: -18px;
  left: calc(50% - 66px);
}
.myRecommend .recommendContent .introduceBox .bottom > div {
  text-indent: 2em;
  font-size: 14px;
  font-weight: 400;
  color: #565656;
}
.myRecommend .recommendContent .introduceBox .bottom > div span {
  color: #3c83f1;
}
.myRecommend .recommendContent .introduceBox .bottom > div:nth-child(1),
.myRecommend .recommendContent .introduceBox .bottom > div:nth-child(2) {
  margin-bottom: 20px;
}
.myRecommend .recommendContent .withdrawalBox {
  flex: 1;
}
.myRecommend .recommendContent .Withdrawal {
  background: #ec4300;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border-color: #ec4300;
}

.myWallet .pageHeader {
  padding: 15px 30px;
  background: #ffffff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 15px;
}
.myWallet .balanceBox {
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 15px;
}
.myWallet .balanceBox .top {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 18px;
}
.myWallet .balanceBox .top span {
  color: #e64c33;
}
.myWallet .balanceBox .bottom {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.myWallet .rechargeBox {
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myWallet .rechargeBox .rechargeLeft {
  min-width: 300px;
}
.myWallet .rechargeBox .rechargeLeft div {
  margin-bottom: 17px;
  display: flex;
  align-items: center;
}
.myWallet .rechargeBox .rechargeLeft div:nth-child(3) {
  margin-bottom: 0;
}
.myWallet .rechargeBox .rechargeLeft .amount .title {
  display: inline-block;
  width: 90px;
}
.myWallet .rechargeBox .rechargeLeft .rechargeType > span:nth-child(1) {
  display: inline-block;
  width: 80px;
}
.myWallet .rechargeBox .rechargeLeft .rechargeType .ant-radio-group {
  margin-bottom: 0;
}
.myWallet .rechargeBox .rechargeBtn {
  width: 110px;
  height: 38px;
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  border-radius: 19px;
  color: #fff;
}
.myWallet .rechargeBox .rechargeBtn:hover,
.myWallet .rechargeBox .rechargeBtn:focus {
  border-color: #f04a00;
}
.myWallet .detailContent {
  padding: 20px 30px;
  background: #ffffff;
  border-radius: 10px;
}
.myWallet .detailContent .content {
  margin-top: 25px;
}
.wxPayModal .ant-modal-body {
  max-height: 70vh;
  overflow: auto;
}
.wxPayModal .wxPayBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wxPayModal .wxPayBox .t4 {
  font-size: 20px;
  margin-bottom: 15px;
}
.wxPayModal .wxPayBox .t5 {
  font-size: 20px;
  margin-top: 15px;
}
.sureModal .sureModalBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sureModal .sureModalBox .hourglass {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: rgba(191, 191, 191, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.sureModal .sureModalBox .hourglass img {
  width: 100px;
}
.sureModal .sureModalBox .prompting {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.sureModal .sureModalBox .prompting span:nth-child(1) {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.sureModal .sureModalBox .prompting span:nth-child(2) {
  font-size: 14px;
  color: #888888;
  font-weight: 400;
}
.sureModal .sureModalBox .activeBtn {
  width: 150px;
  border-radius: 15px;
  margin-bottom: 20px;
  color: #2ad8a4;
  background: #F5FFFC;
  border-color: #2ad8a4;
}
.sureModal .sureModalBox .activeBtn:hover,
.sureModal .sureModalBox .activeBtn:focus {
  color: #fff;
  background: #2ad8a4;
  border-color: #2ad8a4;
}
.sureModal .sureModalBox .refreshBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #888888;
  font-weight: 400;
  cursor: pointer;
}
.sureModal .sureModalBox .refreshBtn img {
  width: 20px;
  margin-right: 10px;
}

.packHideSetting .pageHeader {
  padding: 15px 30px;
  background: #ffffff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 15px;
}
.packHideSetting .top {
  padding: 20px 30px ;
  border-radius: 10px;
  background: #ffffff;
}
.packHideSetting .top .listItem {
  display: flex;
}
.packHideSetting .top .listItem .listLeft {
  padding: 0 25px;
  line-height: 32px;
  font-size: 16px;
}
.packHideSetting .top .listItem .listRight {
  flex: 1;
}
.packHideSetting .top .listItem .listRight .title {
  font-size: 12px;
  color: #999999;
  margin-top: 10px;
}

.startListening {
  padding: 0 30px 20px;
  background: #ffffff;
  border-radius: 10px;
}
.startListening .pageHeader {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-bottom: 1px solid #e8f5fc;
}
.startListening .myCourseList {
  padding: 0 30px;
}
.startListening .myCourseList .item {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
.startListening .myCourseList .item .item_Top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.startListening .myCourseList .item .item_Top > span {
  margin-left: 10px;
}
.startListening .myCourseList .item .item_Bootom {
  display: flex;
  align-items: center;
}
.startListening .myCourseList .item .item_Bootom .b_Left {
  width: 178px;
  height: 101px;
  border-radius: 5px;
  margin-right: 20px;
}
.startListening .myCourseList .item .item_Bootom .b_Left img {
  width: 178px;
  height: 101px;
  border-radius: 5px;
}
.startListening .myCourseList .item .item_Bootom .b_Middle {
  flex: 1;
  height: 100px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #333333;
}
.startListening .myCourseList .item .item_Bootom .b_Middle .itemName {
  font-size: 16px;
  font-weight: bold;
}
.startListening .myCourseList .item .item_Bootom .b_Middle .m_Bottom {
  display: flex;
  justify-content: space-between;
}
.startListening .myCourseList .item .item_Bootom .b_Middle .m_Bottom .courseName,
.startListening .myCourseList .item .item_Bootom .b_Middle .m_Bottom .teaName {
  font-size: 14px;
  font-weight: 400;
}
.startListening .myCourseList .item .item_Bootom .b_Middle .m_Bottom .studyTime {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 400;
}
.startListening .myCourseList .item .item_Bootom .b_Middle .m_Bottom .studyTime span:nth-child(2) {
  display: inline-block;
  width: 110px;
  height: 20px;
  background: linear-gradient(90deg, #ea4417, rgba(255, 255, 255, 0.63));
  border-radius: 10px;
  line-height: 20px;
  padding: 0 13px;
  color: #ffffff;
}
.startListening .myCourseList .item .item_Bootom .b_Right {
  width: 166px;
  text-align: right;
}
.startListening .myCourseList .item .item_Bootom .b_Right .startBtn {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #2ad8a4;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2ad8a4;
  box-shadow: 0px 0px 6px 0px rgba(42, 216, 164, 0.3);
}
.startListening .myCourseList .item .item_Bootom .b_Right .continueBtn {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #ea4417;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #ea4417;
  box-shadow: 0px 0px 6px 0px rgba(228, 62, 35, 0.3);
}
.startListening .myCourseList .noData {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.startListening .myCourseList .noData img {
  margin-bottom: 20px;
}

.orderPages {
  background-color: #f5f7f9;
  padding-bottom: 78px;
  min-height: calc(100vh - 221px);
}
.orderPagesMain {
  width: 1200px;
  margin: 0 auto;
}
.orderPagesMain .moduleTitle {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 13px;
}
.orderPagesMain .shopInformation {
  background: #ffffff;
  padding: 26px 20px 26px 26px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orderPagesMain .shopInformation .leftBox {
  display: flex;
  align-items: center;
  width: 500px;
}
.orderPagesMain .shopInformation .leftBox .coverImg {
  width: 173px;
  height: 98px;
  margin-right: 24px;
}
.orderPagesMain .shopInformation .leftBox .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.orderPagesMain .shopInformation .rightPrice .originPrice {
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  color: #333333;
  margin-right: 30px;
}
.orderPagesMain .shopInformation .rightPrice .retailPrice {
  font-size: 16px;
  font-weight: bold;
  color: #f0432f;
}
.orderPagesMain .couponBox {
  background: #ffffff;
}
.orderPagesMain .couponBox .reduceBox {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px 0 23px;
}
.orderPagesMain .couponBox .reduceBox .couponTrigger {
  width: 270px;
  height: 45px;
  display: flex;
  border: 2px solid #f34e27;
  border-radius: 4px;
  cursor: pointer;
}
.orderPagesMain .couponBox .reduceBox .couponTrigger .name {
  width: 230px;
  line-height: 45px;
  padding-left: 19px;
  font-size: 16px;
  font-weight: bold;
  color: #f34e27;
}
.orderPagesMain .couponBox .reduceBox .couponTrigger .switchIcon {
  flex: 1;
  background: #f34e27;
  position: relative;
}
.orderPagesMain .couponBox .reduceBox .couponTrigger .down::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px 7px 10px 7px;
  border-top-color: #ffffff;
  top: 15px;
  left: 50%;
  transform: translateX(-5px);
}
.orderPagesMain .couponBox .reduceBox .couponTrigger .up::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 10px 7px 10px 7px;
  border-bottom-color: #ffffff;
  bottom: 15px;
  left: 50%;
  transform: translateX(-5px);
}
.orderPagesMain .couponBox .reduceBox .couponMoney {
  font-size: 24px;
  font-weight: 400;
  color: #f0432f;
}
.orderPagesMain .couponBox .contentBox {
  padding: 33px 0 39px 16px;
}
.orderPagesMain .couponBox .contentBox .codeBox .operationBox {
  display: flex;
  align-items: center;
}
.orderPagesMain .couponBox .contentBox .codeBox .operationBox .name {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin: 0 12px;
}
.orderPagesMain .couponBox .contentBox .codeBox .operationBox .codeInput {
  width: 283px;
  height: 38px;
  margin-right: 15px;
}
.orderPagesMain .couponBox .contentBox .codeBox .operationBox .exchangeBtn {
  width: 108px;
  height: 38px;
  text-align: center;
  background: #ff4b13;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.orderPagesMain .couponBox .contentBox .codeBox .operationBox .exchangeBtn:hover {
  border-color: #f0432f;
}
.orderPagesMain .couponBox .contentBox .couponList {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-wrapper:hover .ant-radio,
.orderPagesMain .couponBox .contentBox .couponList .ant-radio:hover .ant-radio-inner,
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-input:focus + .ant-radio-inner {
  border-color: #ff5517;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-group {
  display: flex;
  flex-direction: column;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-group .ant-radio-wrapper {
  margin-left: 10px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #ff5517;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-group .ant-radio-wrapper .ant-radio-checked::after {
  border: 1px solid #ff5517;
  border-radius: unset;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
  border-radius: unset;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-radio-group .ant-radio-wrapper .ant-radio-inner::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 4.71428571px;
  height: 10.14285714px;
  border: 2px solid #ff5517;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background-color: #fff;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox:hover .ant-checkbox-inner,
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner,
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #ff5517;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff;
  border-color: #ff5517;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #ff5517;
}
.orderPagesMain .couponBox .contentBox .couponList .ant-checkbox-wrapper {
  margin-bottom: 25px;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon {
  width: 253px;
  height: 105px;
  background: url("/coupon_back.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  padding: 10px 15px;
  margin-right: 50px;
  cursor: pointer;
  position: relative;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon:nth-child(4n) {
  margin-right: 0;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .left {
  width: 149px;
  text-align: center;
  padding-bottom: 10px;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .left .money {
  font-weight: bold;
  color: #f34e27;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .left .money .unit {
  font-size: 14px;
  margin-right: 5px;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .left .money .count {
  font-size: 40px;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .left .outOfDate {
  font-size: 10px;
  font-weight: 400;
  color: #999999;
  display: block;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #f34e27;
  line-height: 16px;
}
.orderPagesMain .couponBox .contentBox .couponList .coupon .couponSelect {
  width: 43px;
  height: 41px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.orderPagesMain .addressTitle {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orderPagesMain .addressTitle .t1 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.orderPagesMain .addressTitle .t2 {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  color: #f0442e;
}
.orderPagesMain .addressTitle .t2 img {
  height: 17px;
  margin-right: 6px;
}
.orderPagesMain .selectAddress {
  margin-top: 13px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 23px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 400;
  color: #3b4249;
}
.orderPagesMain .selectAddress .t1 {
  width: 88px;
  height: 28px;
  line-height: 28px;
  background: #ffffff;
  border: 1px dashed #f34e27;
  color: #f34e27;
  text-align: center;
}
.orderPagesMain .selectAddress .t2 {
  margin-left: 47px;
}
.orderPagesMain .selectAddress .t3,
.orderPagesMain .selectAddress .t4 {
  margin-left: 38px;
}
.orderPagesMain .settleBox {
  background: #ffffff;
  margin-top: 9px;
}
.orderPagesMain .settleBox .priceBox {
  height: 129px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 0 19px;
}
.orderPagesMain .settleBox .priceBox .leftInfo {
  font-size: 14px;
  font-weight: 400;
  color: #3b4249;
}
.orderPagesMain .settleBox .priceBox .leftInfo .reduce_price {
  font-size: 16px;
  font-weight: bold;
  color: #50555b;
  display: inline-block;
  width: 100px;
}
.orderPagesMain .settleBox .priceBox .leftInfo .final .final_price {
  font-size: 24px;
  font-weight: bold;
  color: #f0432f;
}
.orderPagesMain .settleBox .priceBox .contractBox {
  display: flex;
  align-items: center;
}
.orderPagesMain .settleBox .priceBox .contractBox .contractTitle {
  color: #f6806a;
  cursor: pointer;
  border-bottom: 1px solid #f6806a;
}
.orderPagesMain .settleBox .priceBox .purchaseBtn {
  width: 180px;
  height: 45px;
  background: linear-gradient(90deg, #f65721, #f0432f);
  border-radius: 2px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
.orderPagesMain .settleBox .priceBox .purchaseBtn:hover {
  border-color: #f0432f;
}
.couponExchangeTipModal .tipContent {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  text-align: center;
}
.couponExchangeTipModal .btnBox {
  width: 290px;
  margin: 0 auto;
  margin-top: 64px;
  display: flex;
  justify-content: center;
}
.couponExchangeTipModal .btnBox .okBtn {
  width: 118px;
  height: 40px;
  background: linear-gradient(-90deg, #3c83f1, #3ca6f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.couponExchangeTipModal .btnBox .cancelBtn {
  width: 118px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #3c83f1;
  box-shadow: 0px 0px 15px 0px rgba(60, 131, 241, 0.23);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #3c83f1;
}
.myAddressModal .addressContent {
  max-height: 500px;
  overflow: auto;
}
.myAddressModal .addressContent .addressItem {
  border-radius: 14px;
  padding: 12px 20px;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin-bottom: 20px;
  cursor: pointer;
}
.myAddressModal .addressContent .addressItem p {
  margin: 5px 0 12px 0;
}
.myAddressModal .addressContent .addressItem .userName {
  display: flex;
  justify-content: space-between;
}
.myAddressModal .addressContent .addressItem .userName img {
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-left: 15px;
}
.myAddressModal .addressContent .addressItem:last-child {
  margin-bottom: 0;
}
.myAddressModal .addressContent .addressItem:hover {
  border-color: #ffd3d3;
  box-shadow: 0 4px 12px rgba(255, 105, 89, 0.2);
}
.myAddressModal .addressContent .addressItem .settingBox {
  display: inline-flex;
  align-items: center;
}
.myAddressModal .addressContent .addressItem .settingBox .setDefault {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #999999;
  margin-right: 10px;
}
.myAddressModal .addressContent .addressItem .settingBox .default {
  background: url("/address_def.png") no-repeat;
  background-size: 100% 100%;
  border-color: transparent;
}
.myAddressModal .addressContent .selected {
  border-color: #de3e26;
  box-shadow: 0 4px 12px rgba(255, 105, 89, 0.5);
  background: url("/address_back.png") no-repeat right bottom;
}
.myAddressModal .addressContent .selected:hover {
  border-color: #de3e26;
  box-shadow: 0 4px 12px rgba(255, 105, 89, 0.5);
}
.myAddressModal .addressContent .addBox {
  text-align: center;
  margin-top: 35px;
}
.myAddressModal .addressContent .addBox img {
  width: 35px;
  border-radius: 50%;
  cursor: pointer;
}
.myAddressModal .addressContent .addBox img:hover {
  box-shadow: 0 4px 12px rgba(255, 105, 89, 0.2);
}
.contractDetailsModal img {
  width: 100%;
}
.contractDetailsModal .contractContent {
  max-height: 80vh;
  overflow: auto;
}

.addressBox {
  background: #ffffff;
  padding: 0 17px 0 20px;
}
.addressModal .btnBox {
  display: flex;
  justify-content: center;
}
.addressModal .btnBox .saveBtn {
  background: linear-gradient(-90deg, #f04a00, #d91b01);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border-color: #f04a00;
}

.accountingPracticeDetails {
  background-color: #f5f7f9;
}
.accountingPracticeDetails p {
  margin: 0;
}
.accountingPracticeDetails .liveBroadcastDetailsMain {
  width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox {
  width: 100%;
  background: #ffffff;
  margin-bottom: 55px;
  padding: 38px 36px 40px 38px;
  display: flex;
  align-items: center;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .left {
  margin-right: 36px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .left img {
  width: 461px;
  height: 263px;
  border-radius: 6px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right {
  flex: 1;
  height: 263px;
  position: relative;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .r_top {
  font-size: 26px;
  color: #1a1a1a;
  line-height: 48px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .r_info {
  width: 638px;
  background: #f8f8f8;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 12px 19px;
  display: flex;
  align-items: center;
  color: #666666;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .r_info img {
  margin-right: 10px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .r_info1 {
  margin-bottom: 20px;
  margin-top: 10px;
  color: #666666;
  display: flex;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox p {
  font-size: 30px;
  font-weight: 400;
  color: #f82f2f;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox .t1 {
  font-size: 24px;
  color: #f82f2f;
  margin-right: 20px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox .t2 {
  font-size: 24px;
  font-weight: 400;
  text-decoration: line-through;
  color: #9E9E9E;
  margin-right: 20px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox .t4 {
  margin-right: 20px;
  font-size: 24px;
  color: #2ad8a4;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox .t3 {
  flex: 1;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  box-shadow: 0px 0px 6px 0px rgba(243, 78, 40, 0.4);
  border-radius: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 48px;
  cursor: pointer;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .topBox .right .priceBox .studyBtn {
  background: #2ad8a4;
  box-shadow: 0px 0px 6px 0px rgba(42, 216, 164, 0.4);
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox {
  width: 100%;
  margin: 0 auto;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .tabBox {
  flex: 1;
  background-color: #fff;
  overflow: hidden;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav::before {
  border-bottom: 4px solid #f0f0f0;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 3px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab {
  margin-right: 50px;
  padding: 18px 0;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  width: 94px;
  text-align: center;
  font-size: 16px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab-active {
  color: #3c84f1;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .detailBox {
  padding: 15px 32px 30px 28px;
  min-height: 500px;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .detailBox::-webkit-scrollbar {
  width: 0 !important;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .detailBox .content img {
  width: 100%;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox {
  padding: 0 16px 20px;
  min-height: 500px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse-header {
  padding: 8px 0 8px 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background-color: #fff;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse-header:hover {
  color: #108ee9;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox > .ant-collapse > .ant-collapse-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox > .ant-collapse > .ant-collapse-item.pdd > .ant-collapse-header {
  border-bottom: none;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox > .ant-collapse > .ant-collapse-item-active > .ant-collapse-header {
  background-color: #F7F7F7;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse-content {
  background-color: #fff;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse-content .ant-collapse-header {
  background-color: #fff;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse-content .ant-collapse-item {
  border-bottom: 0;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .ant-collapse {
  background-color: #fff !important;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .pdd {
  padding-left: 40px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .pdd:last-of-type .ant-collapse-header {
  border-bottom: 0;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .pdd .ant-collapse-header {
  background-color: #fff !important;
  border-bottom: 1px dashed #d9d9d9;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterHeader {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .img1 {
  margin-right: 8px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterChild {
  display: flex;
  padding-right: 12px;
  justify-content: space-between;
  align-items: center;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterChild .sectionName {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterChild .free {
  display: inline-block;
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  border-radius: 11px;
  background: #3C84F1;
  padding: 0 15px;
  margin-left: 10px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterChild .free1 {
  background: #FFA200;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterChild .downBtn {
  display: inline-block;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  border-radius: 11px;
  background: #3C84F1;
  padding: 0 15px;
  margin-right: 10px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .chapterChild .anticon {
  margin-right: 6px;
  font-size: 16px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .example {
  font-size: 16px;
  text-align: center;
  border-bottom: 0;
  line-height: 100px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .chapterBox .example .ant-collapse-header {
  padding-top: 100px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody {
  padding: 0 20px 10px;
  background: #fff;
  width: 280px;
  margin-left: 20px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody .questionBodyH {
  color: #171920;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid #EFEFF0;
  font-weight: bold;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody .ant-collapse-header {
  padding: 10px 0;
  background: #fff;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody .ant-collapse-header img {
  margin-right: 5px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody .ant-collapse-content-box {
  padding: 0 12px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody .ant-collapse-item {
  border-bottom: 0;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .questionBody .content {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  color: #9598A2;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation {
  padding: 30px;
  min-height: 500px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle {
  display: flex;
  justify-content: space-between;
  padding-right: 39px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .left {
  display: flex;
  align-items: center;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .title {
  width: 89px;
  height: 18px;
  position: relative;
  margin-right: 15px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .title .lineBg {
  position: absolute;
  bottom: -4px;
  width: 89px;
  height: 14px;
  background: #cee2ff;
  border-radius: 7px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .title p {
  width: 89px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  text-align: center;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .numText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 30px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .right {
  cursor: pointer;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .topTitle .right .actionBtn {
  width: 66px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #f4cd2a;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f4cd2a;
  line-height: 30px;
  cursor: pointer;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent {
  padding: 0 39px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left {
  flex: 1;
  display: flex;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left .itemContent .commentText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left .itemContent .commentText:first-of-type {
  margin-bottom: 10px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .right {
  width: 16%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.accountingPracticeDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .packageEvaluation .evaContent .noEva {
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
}
.downloadModal .addComment {
  padding-top: 30px;
}
.downloadModal .addComment textarea.ant-input {
  min-height: 220px;
  resize: none;
  outline: none;
}
.downloadModal .addComment textarea.ant-input:hover,
.downloadModal .addComment textarea.ant-input:focus,
.downloadModal .addComment textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.downloadModal .addComment .btnBox {
  display: flex;
  align-items: center;
  margin-top: 36px;
}
.downloadModal .addComment .btnBox .tab_btn {
  width: 100px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca6f1, #3c83f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
  color: #ffffff;
  margin: 0 auto;
}
.modalModal .ant-modal-close-x {
  line-height: 33px;
  width: 52px;
}
.modalModal .ant-modal-body {
  padding: 24px 0;
  background: url("/xuanzemoshi.png") no-repeat;
  background-size: cover;
  text-align: center;
}
.modalModal .ant-modal-body img {
  margin-bottom: 10px;
}
.modalModal .ant-modal-body .mTitle {
  color: #333333;
  font-size: 18px;
  margin-bottom: 20px;
}
.modalModal .ant-modal-body .t1 {
  color: #333333;
  font-size: 16px;
  line-height: 30px;
}
.modalModal .ant-modal-body .t2 {
  color: #999999;
}

.answerCenterPages {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.answerCenterPagesMain {
  width: 1200px;
  margin: 0 auto;
}
.answerCenterPagesMain .examSelectBox {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
}
.answerCenterPagesMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 0 30px 0;
}
.answerCenterPagesMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.answerCenterPagesMain .examSelectBox .tBox .leftLabel {
  width: 50px;
  margin: 10px 0;
  font-weight: bold;
  color: #222222;
  text-align: right;
}
.answerCenterPagesMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px 0;
}
.answerCenterPagesMain .examSelectBox .tBox .rightCont .itemCard {
  color: #6b6b6b;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px;
  margin-right: 10px;
  margin-bottom: 4px;
}
.answerCenterPagesMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.answerCenterPagesMain .answerContentBox {
  width: 100%;
  margin-top: 16px;
}
.answerCenterPagesMain .answerContentBox .answerContent {
  display: flex;
  justify-content: space-between;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft {
  width: 820px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs {
  width: 100% !important;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  width: 100% !important;
  height: 54px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap > div {
  background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap > div .ant-tabs-tab {
  width: 30%;
  text-align: center;
  display: block;
  position: relative;
  margin: 0;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap > div .ant-tabs-tab::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 25px;
  background: #EEEEEE;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap > div .ant-tabs-tab:nth-child(3)::after {
  content: none;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap > div .ant-tabs-tab-active::before {
  content: '';
  width: 64px;
  height: 2px;
  background: #3C84F1;
  border-radius: 1px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar {
  display: none !important;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100% !important;
  border-radius: 6px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .searchBox {
  display: flex;
  justify-content: center;
  margin-bottom: 26px;
  margin-top: 8px;
  padding: 0 95px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .searchBox .ant-input {
  height: 40px;
  background: #ffffff;
  border-radius: 20px;
  margin-right: 10px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .searchBox .searchBtn {
  width: 110px;
  height: 40px;
  background: linear-gradient(-90deg, #3C83F1, #3CA6F1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord {
  margin-bottom: 16px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem {
  border-radius: 6px;
  cursor: pointer;
  background: #ffffff;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qTitle {
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #ebebeb;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qTitle .time {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qTitle .isHot {
  display: flex;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qTitle .isHot img {
  margin-right: 10px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qTitle .isHot span {
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qTitle .qType {
  width: 91px;
  height: 28px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #62aaff;
  line-height: 28px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qContent {
  padding: 15px 18px;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
  line-height: 24px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qBottom {
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qBottom .nums {
  display: flex;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qBottom .nums > span {
  display: flex;
  align-items: center;
  margin-right: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qBottom .nums > span .anticon {
  margin-right: 5px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .questionCord .cardItem .qBottom .qType {
  width: 91px;
  height: 28px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #62aaff;
  line-height: 28px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .questionsListBox .paginationItem {
  justify-content: center;
  margin-bottom: 25px;
  margin-top: 70px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeft .ant-tabs .ant-tabs-content .kongBox {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord {
  margin-bottom: 16px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem {
  border-radius: 6px;
  cursor: pointer;
  background: #ffffff;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qTitle {
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #ebebeb;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qTitle .time {
  font-size: 14px;
  font-weight: 400;
  color: #787878;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qTitle .isHot {
  display: flex;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qTitle .isHot img {
  margin-right: 10px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qTitle .isHot span {
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qTitle .qType {
  width: 91px;
  height: 28px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #62aaff;
  line-height: 28px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qContent {
  padding: 15px 18px;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
  line-height: 24px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qBottom {
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qBottom .nums {
  display: flex;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qBottom .nums > span {
  display: flex;
  align-items: center;
  margin-right: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #414141;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qBottom .nums > span .anticon {
  margin-right: 5px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .questionCord .cardItem .qBottom .qType {
  width: 91px;
  height: 28px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #62aaff;
  line-height: 28px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .questionsListBox .paginationItem {
  justify-content: center;
  margin-bottom: 25px;
  margin-top: 70px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerLeftSec .kongBox {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight {
  margin-left: 25px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox {
  width: 355px;
  padding: 30px 0 20px 0;
  background: #ffffff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  background: #fff;
  margin-bottom: 25px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox .tBox {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 30px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox .tBox .secant {
  width: 2px;
  height: 33px;
  background: #eeeeee;
  border-radius: 1px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox .tBox .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox .tBox .item .color1 {
  font-size: 24px;
  font-weight: 400;
  color: #3C84F1;
  line-height: 36px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox .tBox .item .color2 {
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 36px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .tiwenBox .tiwenBtn {
  width: 98px;
  height: 32px;
  background: #3C84F1;
  border-radius: 16px;
  align-self: center;
  color: #fff;
  border: 1px solid #3C84F1;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .qTypesBox {
  background: #fff;
  width: 356px;
  background: #ffffff;
  border-radius: 4px;
  padding: 30px;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .qTypesBox .qtTitle {
  font-size: 16px;
  font-weight: bold;
  color: #282828;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .qTypesBox .ant-radio-group {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .qTypesBox .ant-radio-group .ant-radio-button-wrapper {
  background: #F7F7F7;
  border-radius: 6px;
  width: 48%;
  height: 38px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 38px;
  text-align: center;
  background: #f7f7f7;
  border: 0;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .qTypesBox .ant-radio-group .ant-radio-button-wrapper::before {
  display: none;
}
.answerCenterPagesMain .answerContentBox .answerContent .answerRight .qTypesBox .ant-radio-group .ant-radio-button-wrapper-checked {
  background: #3C84F1 !important;
  color: #ffffff !important;
}
.answerCenterPagesMain .kong {
  width: 100%;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.answerCenterPagesMain .kong span {
  font-size: 14px;
  font-weight: 400;
  color: #6088E7;
  line-height: 36px;
}

.questionCard {
  width: 890px;
  background: white;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 10px;
}
.questionCard * {
  white-space: pre-wrap;
}
.questionCard img {
  max-width: 100%;
}
.questionCard .btn {
  background: #fff;
  border-color: #F59A23;
  color: #F59A23;
  text-shadow: none;
}
.questionCard .btn1 {
  background: #fff;
  border-color: #FF5721;
  color: #FF5721;
  text-shadow: none;
}
.questionCard .textArea {
  margin-bottom: 10px;
  background: #f4f4f4;
  border-radius: 4px;
}
.questionCard .cardHead {
  padding: 20px;
  border-bottom: 2px solid #E9E9E9;
  margin-bottom: 20px;
}
.questionCard .cardHead .title {
  background: #ec6740;
  border-radius: 12px;
  padding: 0 10px;
  margin-bottom: 10px;
  color: white;
  display: inline-block;
}
.questionCard .cardHead .stem {
  color: #505050;
}
.questionCard .cardHeader {
  padding: 20px 45px;
  background: #F9F9FA;
  color: #000000;
}
.questionCard .cardHeader .type {
  font-weight: bold;
  margin-right: 15px;
}
.questionCard .cardHeader .issue {
  margin-bottom: 5px;
}
.questionCard .cardBody {
  padding: 10px 45px 20px;
}
.questionCard .cardBody .optionItem {
  display: flex;
  transition: all 0.3s;
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.questionCard .cardBody .optionItem:hover {
  background: #f8f8f8;
}
.questionCard .cardBody .optionItem .radio {
  border: 1px solid #767b7f;
  border-radius: 50%;
  text-align: center;
  margin-right: 22px;
}
.questionCard .cardBody .optionItem .check {
  border-radius: 4px;
}
.questionCard .cardBody .optionItem .spTitle {
  flex: 1;
}
.questionCard .cardAnswer {
  border-top: 2px dotted #E9E9E9;
  padding: 20px 25px;
}
.questionCard .cardAnswer .label {
  width: 90px;
  display: inline-block;
}
.questionCard .cardAnswer .top0 .title {
  color: #565656;
}
.questionCard .cardAnswer .top0 .t1 {
  padding: 10px 20px;
  line-height: 36px;
}
.questionCard .cardAnswer .top0 .t2 {
  background: #F4F4F4;
  padding: 10px 20px;
  border-radius: 8px;
  line-height: 36px;
  margin-bottom: 10px;
}
.questionCard .cardAnswer .top1 {
  display: flex;
  justify-content: space-between;
}
.questionCard .cardAnswer .top1 .label {
  color: #3A3A3A;
}
.questionCard .cardAnswer .top1 .answer {
  color: #00C574;
  margin-right: 60px;
}
.questionCard .cardAnswer .top1 .userAnswer {
  color: #EE491F;
}
.questionCard .cardAnswer .top1 .collect {
  color: #333333;
  margin-left: 27px;
  white-space: nowrap;
  cursor: pointer;
}
.questionCard .cardAnswer .top1 .collect .anticon {
  margin-right: 3px;
}
.questionCard .cardAnswer .top1 .collect .ab {
  color: #FFBF00;
}
.questionCard .cardAnswer .top1 .collect:hover {
  color: #3B83F1;
}
.questionCard .cardAnswer .top2 {
  margin-top: 10px;
  display: flex;
}
.questionCard .cardAnswer .top2 .label {
  color: #858585;
}
.questionCard .cardAnswer .top2 .rightAnswer {
  flex: 1;
  color: #333333;
}
.questionCard .cardAnswer .top2 small {
  color: #ADADAD;
}
.questionCard .cardAnswer .top2 .title {
  color: #8B8B8B;
  margin-bottom: 5px;
}
.questionCard .cardAnswer .top2 .btn1 {
  margin-left: 20px;
}
.questionCard .cardAnswer .top2 .btnR {
  float: right;
}
.questionCard .cardAnswer .top2 .myNoteDetail {
  margin-bottom: 10px;
  color: #8B8B8B;
}
.questionCard .cardAnswer .top2 .videoBox {
  width: 300px;
  height: 170px;
  cursor: pointer;
}
.questionCard .cardAnswer .help {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  font-size: 16px;
}
.questionCard .cardAnswer .help a {
  color: #F59A23;
}
.questionCard .cardAnswer .help a:hover {
  text-decoration: underline;
}
.questionCard .noteBox {
  border-top: 2px solid #E9E9E9;
  padding: 20px 35px;
}
.questionCard .noteBox .moteTitle {
  color: #F59A23;
  font-weight: bold;
}

.packageDetails p {
  margin: 0;
}
.packageDetails .ant-ribbon {
  font-size: 12px;
}
.packageDetails .ant-menu-submenu-popup .ant-ribbon-corner {
  display: none;
}
.packageDetails .ant-ribbon.ant-ribbon-placement-end {
  border-bottom-right-radius: 4px;
}
.packageDetails .packClassHide {
  position: relative;
}
.packageDetails .packClassHide::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(204, 204, 204, 0.5);
}
.packageDetails .topBox {
  width: 100%;
  max-height: 684px;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/courseBg.png") no-repeat;
  background-size: cover;
  padding-top: 48px;
}
.packageDetails .topBox .topMain {
  width: 1200px;
  margin: 0 auto;
}
.packageDetails .topBox .topMain .videoBody {
  width: 100%;
  height: 528px;
  background: #1b1b1b;
}
.packageDetails .topBox .topMain .videoBody .c_head {
  background: #1b1b1b;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.packageDetails .topBox .topMain .videoBody .c_head .left {
  width: 828px;
  height: 64px;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu {
  border-bottom: none;
  background: #1b1b1b;
  color: #ffffff;
  line-height: 64px;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item {
  border-right: 1px solid #3a3a3a;
  margin: 0;
  padding: 0 20px;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item:hover {
  color: #e1413e;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected {
  background: #e1413e;
  color: #fff;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected:hover {
  color: #fff;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu .ant-ribbon {
  right: -28px;
  z-index: 1;
  top: -1px;
}
.packageDetails .topBox .topMain .videoBody .c_head .left .ant-menu .ant-ribbon.ant-ribbon-placement-end {
  border-bottom-right-radius: 0;
}
.packageDetails .topBox .topMain .videoBody .c_head .right {
  flex: 1;
}
.packageDetails .topBox .topMain .videoBody .c_head .right .ant-select {
  width: 160px;
  color: #bfbfbf;
}
.packageDetails .topBox .topMain .videoBody .c_head .right .ant-select .ant-select-selector {
  background: #1b1b1b !important;
  border: 1px solid #484848;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.packageDetails .topBox .topMain .videoBody .c_head .right .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.packageDetails .topBox .topMain .videoBody .c_body {
  height: 463px;
  display: flex;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left {
  flex: 1;
  height: 463px;
  position: relative;
  background: #000000;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .header {
  line-height: 30px !important;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .playPianTou {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 995;
  background: #000;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .controls-item {
  width: 100%;
  height: 100%;
  background: #181616;
  display: flex;
  justify-content: center;
  align-items: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-text {
  color: #b3b2b2;
  margin-top: 10px;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-dot i {
  background-color: #b3b2b2;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .other-way {
  display: flex;
  width: 1068px;
  height: 60px;
  background: #2b2b2b;
  margin-top: -5px;
  color: #fff;
  align-items: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .playFlagTrue {
  height: 100%;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 996;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse img {
  width: 100%;
  height: 100%;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  background-color: #1890ff;
  opacity: 0.8;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play:hover {
  color: #fff;
  background-color: #1890ff;
  opacity: 1;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .mask_body {
  width: 100%;
  height: 463px;
  background-color: #00000073;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .video_left .mask_body .mask_con {
  width: 570px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right {
  height: 463px;
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop {
  position: relative;
  flex: 1;
  border-top: 1px solid #484848;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav {
  margin-bottom: 0;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav::before {
  border-bottom: 1px solid #484848;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab {
  background: #282828;
  color: #cccccc;
  border-radius: unset;
  margin-right: 0;
  padding: 11px 24px;
  border-color: #484848 !important;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  border-left: none;
  border-top: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type {
  border-left: 1px solid #484848;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type.ant-tabs-tab-active {
  border-left: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active {
  background-color: #1b1b1b;
  border-bottom: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-select {
  width: 100%;
  color: #bfbfbf;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-selector {
  background: #282828 !important;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .tabContent {
  height: 355px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose {
  height: 45px;
  background-color: #282828;
  display: flex;
  justify-content: space-between;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left {
  width: 272px;
  height: 100%;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar {
  width: 0;
  height: 6px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #282828;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem {
  display: inline-block;
  width: 90px;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem.active {
  color: #fff;
  border-bottom: none;
  background-color: #1b1b1b;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .right {
  flex: 1;
  border-bottom: 1px solid #484848;
  border-left: 1px solid #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox {
  height: 355px;
  padding-top: 8px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header {
  padding: 8px 0 8px 36px;
  color: #9c9c9c;
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header:hover {
  color: #108ee9;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless {
  background: #1b1b1b;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .TC {
  text-align: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span {
  display: block;
  width: 70px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .checkTag {
  color: #fff;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .anticon-lock {
  font-size: 14px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .learning {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #ff4a00;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .free {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #39b378;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .noSee {
  color: #9c9c9c !important;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .actionBox {
  width: 100%;
  height: 63px;
  background: #292929;
  display: flex;
  align-items: center;
  border-top: 1px solid #4b4b4b;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div {
  flex: 1;
  height: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  border-right: 1px solid #4b4b4b;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div:last-of-type {
  border-right: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div img {
  margin-bottom: 5px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div.active {
  background: #383838;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox {
  position: absolute;
  width: 372px;
  height: 355px;
  bottom: -372px;
  transition: all 0.3s;
  background-color: #000000;
  padding: 30px 0 18px 25px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox.active {
  bottom: 0;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .bigBox .titleBox {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fefefe;
  padding: 8px 0;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .itemBox {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #9c9c9c;
  display: flex;
  justify-content: space-between;
  padding: 8px 25px;
  cursor: pointer;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .itemBox .anticon {
  font-size: 18px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .itemBox:hover {
  background: #282828;
  color: #fff;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .moreDownload {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #fff;
  cursor: pointer;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .moreDownload span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: underline;
  color: #fefefe;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox {
  position: absolute;
  bottom: 0;
  width: 372px;
  height: 357px;
  background: #ffffff;
  border-radius: 10px 10px 0px 0px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .boxTop {
  width: 372px;
  height: 17px;
  background: #eeeeee;
  border-radius: 10px 10px 0px 0px;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .boxTitle {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 40px;
  text-align: center;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input {
  min-height: 242px;
  resize: none;
  outline: none;
  border: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input:hover,
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input:focus,
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .submitBox {
  height: 58px;
  border-top: 1px solid #e5e5e5;
}
.packageDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .submitBox .submitBtn {
  width: 83px;
  height: 28px;
  margin: 15px auto 0;
  background: #3c84f1;
  border-radius: 2px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.packageDetails .topBox .topMain .nodata {
  font-size: 28px;
  line-height: 528px;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.packageDetails .topBox .topMain .infoBox {
  width: 1200px;
  height: 85px;
  background: url("/titleBg.png") no-repeat;
  background-size: cover;
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.packageDetails .topBox .topMain .infoBox .title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
}
.packageDetails .topBox .topMain .infoBox .infoDetail {
  display: flex;
  align-items: center;
}
.packageDetails .topBox .topMain .infoBox .infoDetail span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 28px;
}
.packageDetails .topBox .topMain .infoBox .infoDetail em {
  font-style: normal;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
  margin-right: 40px;
}
.packageDetails .topBox .topMain .infoBox .infoDetail .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  border-radius: 24px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.packageDetails .bottomBox {
  width: 100%;
  background-color: #f5f7f9;
  padding-top: 28px;
  padding-bottom: 28px;
}
.packageDetails .bottomBox .bottomMain {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.packageDetails .bottomBox .bottomMain .tabBox {
  flex: 1;
  background-color: #fff;
  overflow: hidden;
}
.packageDetails .bottomBox .bottomMain .ant-tabs-nav::before {
  border-bottom: 4px solid #f0f0f0;
}
.packageDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 3px;
}
.packageDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab {
  margin-right: 50px;
  padding: 18px 0;
}
.packageDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  width: 94px;
  text-align: center;
  font-size: 16px;
}
.packageDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab-active {
  color: #3c84f1;
}
.packageDetails .bottomBox .bottomMain .detailBox {
  padding: 15px 32px 30px 28px;
  min-height: 500px;
}
.packageDetails .bottomBox .bottomMain .detailBox .content img {
  max-width: 100%;
}
.packageDetails .bottomBox .bottomMain .topTitle {
  display: flex;
  justify-content: space-between;
  padding-right: 39px;
}
.packageDetails .bottomBox .bottomMain .topTitle .left {
  display: flex;
  align-items: center;
}
.packageDetails .bottomBox .bottomMain .topTitle .left .title {
  width: 89px;
  height: 18px;
  position: relative;
  margin-right: 15px;
}
.packageDetails .bottomBox .bottomMain .topTitle .left .title .lineBg {
  position: absolute;
  bottom: -4px;
  width: 89px;
  height: 14px;
  background: #cee2ff;
  border-radius: 7px;
}
.packageDetails .bottomBox .bottomMain .topTitle .left .title p {
  width: 89px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  text-align: center;
}
.packageDetails .bottomBox .bottomMain .topTitle .left .numText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 30px;
}
.packageDetails .bottomBox .bottomMain .topTitle .right {
  cursor: pointer;
}
.packageDetails .bottomBox .bottomMain .topTitle .right .actionBtn {
  width: 66px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #f4cd2a;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f4cd2a;
  line-height: 30px;
  cursor: pointer;
}
.packageDetails .bottomBox .bottomMain .includeBox {
  padding-top: 15px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop {
  min-height: 200px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop > div {
  min-height: 100px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop > div .title {
  width: 89px;
  height: 18px;
  position: relative;
  margin-right: 15px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop > div .title .lineBg {
  position: absolute;
  bottom: -4px;
  width: 89px;
  height: 14px;
  background: #cee2ff;
  border-radius: 7px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop > div .title p {
  width: 89px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  text-align: center;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox {
  padding: 26px 50px 30px 43px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .ant-collapse-header,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .ant-collapse-header,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .ant-collapse-header,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .ant-collapse-header {
  padding: 8px 16px;
  padding-left: 40px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .ant-collapse-header .ant-collapse-arrow.active,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .ant-collapse-header .ant-collapse-arrow.active,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .ant-collapse-header .ant-collapse-arrow.active,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .ant-collapse-header .ant-collapse-arrow.active {
  transform: rotate(90deg);
  margin-top: -10px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .itemHeader,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .itemHeader,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .itemHeader,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .itemHeader {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #212121;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .ant-collapse-content-box,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .ant-collapse-content-box,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .ant-collapse-content-box,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .ant-collapse-content-box {
  padding: 0;
  cursor: pointer;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 40px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .titleTT,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .titleTT,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .titleTT,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .titleTT {
  font-size: 16px;
  font-weight: 400;
  color: #616161;
  line-height: 36px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .tryBtn,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .tryBtn,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .tryBtn,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .tryBtn {
  width: 100px;
  height: 28px;
  background: #ffffff;
  border: 1px solid #39b378;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #39b378;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .tryBtn .normal,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .tryBtn .normal,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .tryBtn .normal,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .tryBtn .normal {
  display: inline-block;
  width: 15px;
  height: 13px;
  background: url("/listen.png");
  margin-right: 7px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .tryBtn:hover,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .tryBtn:hover,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .tryBtn:hover,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .tryBtn:hover {
  color: #fff;
  background: #39b378;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .tryBtn:hover .normal,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .tryBtn:hover .normal,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .tryBtn:hover .normal,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .tryBtn:hover .normal {
  background: url("/listenHover.png");
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .unlocked,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .unlocked,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .unlocked,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .unlocked {
  width: 100px;
  height: 28px;
  background: #ffffff;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bab9b9;
  border: 1px solid #bab9b9;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .classBox .contentBox .classContentItem .unlocked .anticon,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .contentBox .classContentItem .unlocked .anticon,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .contentBox .classContentItem .unlocked .anticon,
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .contentBox .classContentItem .unlocked .anticon {
  font-size: 16px;
  margin-right: 12px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .liveBox .title .lineBg {
  background: #ffd588;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .packageBox .title .lineBg {
  background: #beee98;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .title {
  width: 123px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .title .lineBg {
  width: 123px;
  background: #ffadad;
}
.packageDetails .bottomBox .bottomMain .includeBox .includTop .vipSubjectBox .title p {
  width: 123px;
}
.packageDetails .bottomBox .bottomMain .includeBox .lineBox {
  width: 1200px;
  height: 6px;
  background: linear-gradient(0deg, #ffffff, #f2f2f2);
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom {
  padding: 30px 15px 50px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox {
  position: relative;
  margin-top: 36px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent {
  display: flex;
  padding: 0 40px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent > div {
  margin-right: 42px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent > div:nth-child(4n) {
  margin-right: 0;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent .teacherPageItem {
  width: 240px;
  height: 311px;
  padding: 28px 18px 23px;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent .teacherPageItem img {
  width: 104px;
  height: 104px;
  border-radius: 50%;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent .teacherPageItem .teacherName {
  margin-top: 12px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #010101;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent .teacherPageItem .bindExam {
  font-size: 10px;
  color: #333333;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .teacherContent .teacherPageItem .brief {
  margin-top: 10px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .ant-carousel .slick-dots-bottom {
  bottom: -36px !important;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .ant-carousel .slick-dots-bottom li button {
  background-color: #ccc;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .ant-carousel .slick-dots-bottom .slick-active button {
  background-color: #3c84f1;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .prevBtn {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0;
  cursor: pointer;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .prevBtn img {
  width: 30px;
  height: 30px;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .nextBtn {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 0;
  cursor: pointer;
}
.packageDetails .bottomBox .bottomMain .includeBox .includBottom .teacherBox .nextBtn img {
  width: 30px;
  height: 30px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation {
  padding-top: 15px;
  padding-bottom: 30px;
  min-height: 500px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent {
  padding: 0 39px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left {
  flex: 1;
  display: flex;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left .itemContent .commentText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left .itemContent .commentText:first-of-type {
  margin-bottom: 10px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .right {
  width: 16%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.packageDetails .bottomBox .bottomMain .packageEvaluation .evaContent .noEva {
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
}
.packageDetails .bottomBox .bottomMain .packageFileBox {
  padding-bottom: 20px;
  min-height: 500px;
}
.packageDetails .bottomBox .bottomMain .packageFileBox .fileItem {
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid #f4f4f4ff;
}
.packageDetails .bottomBox .bottomMain .packageFileBox .fileItem .name {
  flex: 1;
  color: #333333ff;
  font-size: 16px;
}
.packageDetails .bottomBox .bottomMain .packageFileBox .fileItem .size {
  color: #6e6e6e;
  margin-left: 50px;
}
.packageDetails .bottomBox .bottomMain .packageFileBox .fileItem .downBtn {
  margin-left: 50px;
  background: #ffffff;
  border: 1px solid #2ad8a4ff;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #2ad8a4ff;
}
.packageDetails .bottomBox .bottomMain .noEva {
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
}
.packageDetails .bottomBox .bottomMain .courseQA {
  padding: 12px 0;
  min-height: 500px;
}
.packageDetails .bottomBox .bottomMain .courseQA .topTitle .right {
  width: 118px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca7f1, #3c84f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 132, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent {
  padding: 0 39px;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left {
  flex: 1;
  display: flex;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent {
  flex: 1;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div {
  font-size: 14px;
  line-height: 22px;
  font-family: Microsoft YaHei;
  color: #666666;
  display: flex;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div:first-of-type {
  color: #343434;
  margin-bottom: 10px;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div p {
  flex: 1;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div em {
  font-style: normal;
  font-weight: bold;
  color: #343434;
  margin-right: 10px;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div span {
  width: 140px;
  font-weight: 400;
  margin-left: 38px;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .goLook {
  width: 71px;
  height: 28px;
  background: #ffffff;
  border: 1px solid #3c84f1;
  border-radius: 14px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3c84f2;
  line-height: 28px;
  text-align: center;
  margin-left: 30px;
  cursor: pointer;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .goLook:hover {
  background: #3c84f1;
  color: #ffffff;
}
.packageDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .right {
  width: 40%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.packageDetails .bottomBox .bottomMain .questionBody {
  padding: 0 20px 10px;
  background: #fff;
  width: 280px;
  margin-left: 20px;
}
.packageDetails .bottomBox .bottomMain .questionBody .questionBodyH {
  color: #171920;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid #efeff0;
  font-weight: bold;
}
.packageDetails .bottomBox .bottomMain .questionBody .ant-collapse-header {
  padding: 10px 0;
  background: #fff;
}
.packageDetails .bottomBox .bottomMain .questionBody .ant-collapse-header img {
  margin-right: 5px;
}
.packageDetails .bottomBox .bottomMain .questionBody .ant-collapse-content-box {
  padding: 0 12px;
}
.packageDetails .bottomBox .bottomMain .questionBody .ant-collapse-item {
  border-bottom: 0;
}
.packageDetails .bottomBox .bottomMain .questionBody .content {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  color: #9598a2;
}
.packageDetails .ant-menu-vertical {
  background: #1b1b1b;
  border: 1px solid #484848;
  color: #fff;
}
.packageDetails .ant-menu-submenu-title:hover {
  color: #e1413e;
}
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #e1413e;
  border-bottom: 2px solid #e1413e;
}
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.packageDetails .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #e1413e;
}
.packageDetails .ant-menu-item:hover,
.packageDetails .ant-menu-item-active,
.packageDetails .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.packageDetails .ant-menu-submenu-active,
.packageDetails .ant-menu-submenu-title:hover,
.packageDetails .ant-menu-item-selected {
  color: #e1413e;
}
.packageDetails .ant-menu-item:hover a,
.packageDetails .ant-menu-item-active a,
.packageDetails .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.packageDetails .ant-menu-submenu-active a,
.packageDetails .ant-menu-submenu-title:hover a,
.packageDetails .ant-menu-item-selected a {
  color: #e1413e;
}
.packageDetails .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e1413e;
  color: #fff;
}
.dropDownBox {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.dropDownBox .ant-select-item-option {
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #fff;
  background: #e1413e;
}
.downloadModal p {
  margin: 0;
}
.downloadModal .ant-modal-header {
  background: #f5f9ff;
}
.downloadModal .downloadMain .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
}
.downloadModal .downloadMain .btnBox {
  display: flex;
  justify-content: center;
}
.downloadModal .downloadMain .btnBox .tab_btn {
  width: 118px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
}
.downloadModal .downloadMain .btnBox .tab_btn.tab_btn1 {
  background: linear-gradient(-90deg, #3ca7f1, #3c84f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 132, 241, 0.43);
  color: #ffffff;
  margin-right: 54px;
}
.downloadModal .downloadMain .btnBox .tab_btn.tab_btn2 {
  background: #ffffff;
  border: 1px solid #3c84f1;
  box-shadow: 0px 0px 15px 0px rgba(60, 132, 241, 0.23);
  color: #3c84f2;
}
.downloadModal .qaDetailMain {
  max-height: 70vh;
  overflow-y: auto;
}
.downloadModal .qaDetailMain .qItem .topInfo_q {
  display: flex;
  align-items: center;
}
.downloadModal .qaDetailMain .qItem .topInfo_q img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.downloadModal .qaDetailMain .qItem .topInfo_q span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin: 0 14px;
}
.downloadModal .qaDetailMain .qItem .topInfo_q .typeBox {
  width: 50px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #3c8cf1;
  border-radius: 2px;
  line-height: 24px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3c8cf1;
  text-align: center;
}
.downloadModal .qaDetailMain .qItem .time_q {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
  padding-left: 46px;
  margin-top: 12px;
}
.downloadModal .qaDetailMain .qItem .content_q {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin-top: 18px;
}
.downloadModal .qaDetailMain .aItem {
  background: #f3f3f3;
  padding: 10px 18px;
  margin-top: 26px;
}
.downloadModal .qaDetailMain .aItem .topInfo_a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div {
  display: flex;
  align-items: center;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin: 0 14px;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div .typeBox {
  width: 50px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #2ad8a4;
  border-radius: 2px;
  line-height: 24px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2ad8a4;
  text-align: center;
}
.downloadModal .qaDetailMain .aItem .topInfo_a .time_a {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
}
.downloadModal .qaDetailMain .aItem .content_a {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin-top: 20px;
}
.downloadModal .addComment {
  padding-top: 30px;
}
.downloadModal .addComment textarea.ant-input {
  min-height: 220px;
  resize: none;
  outline: none;
}
.downloadModal .addComment textarea.ant-input:hover,
.downloadModal .addComment textarea.ant-input:focus,
.downloadModal .addComment textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.downloadModal .addComment .btnBox {
  display: flex;
  align-items: center;
  margin-top: 36px;
}
.downloadModal .addComment .btnBox .tab_btn {
  width: 100px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca6f1, #3c83f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
  color: #ffffff;
  margin: 0 auto;
}

.questionDetailsPages {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  padding-top: 30px;
  min-height: calc(100vh - 221px);
}
.questionDetailsPages .questionDetailsPagesMain {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox {
  margin-bottom: 73px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent {
  display: flex;
  justify-content: space-between;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft {
  border-radius: 6px;
  flex: 1;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .questionTitle {
  line-height: 54px;
  background: #fff;
  margin-bottom: 26px;
  cursor: pointer;
  border-radius: 6px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .questionTitle .goback {
  width: 9px;
  height: 17px;
  margin: 0 20px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo {
  padding: 25px 37px 23px 26px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionType {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionType .btnType {
  width: 91px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #3C84F1;
  text-align: center;
  line-height: 30px;
  margin-right: 20px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionerInformation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionerInformation .questionerImg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 14px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionerInformation .questionDate {
  color: #787878;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .problemDescription {
  margin-bottom: 19px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox {
  width: 783px;
  margin-bottom: 20px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-tab {
  margin: 0;
  padding: 12px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  background: #f1f3f4;
  height: 100px;
  margin-top: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .questionImg {
  width: 85px;
  height: 85px;
  background: #f1f1f1;
  cursor: pointer;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-nav-container::after {
  display: none;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-nav::before {
  display: none;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-ink-bar {
  display: none !important;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionImgBox .ant-tabs-bar {
  border-bottom: 0;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox {
  padding: 20px;
  background: #f5f9ff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .relatedTopic {
  align-self: center;
  font-size: 16px;
  color: #181818;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .relatedTopics {
  margin-bottom: 10px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox > span {
  color: #181818;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .sOption {
  display: flex;
  color: #434343;
  margin-bottom: 10px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .sOption .abcd {
  margin-right: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .referenceAnswer {
  color: #181818;
  margin-bottom: 10px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .explainTitle {
  font-weight: 600;
  color: #181818;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .relatedBox .explain {
  color: #181818;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 14px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .myAnswer {
  width: 91px;
  height: 29px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #3C84F1;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .questionSingleAction {
  margin-right: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .questionSingleAction img {
  margin-right: 9px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .questionSingleAction span:nth-child(2) {
  margin-right: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .mygoodAnswer {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 30px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .mygoodAnswer img {
  margin-right: 9px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .mygoodAnswer span:nth-child(2) {
  margin-right: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .seeAnswer {
  display: flex;
  align-items: center;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .seeAnswer img {
  margin-right: 9px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .qusetionInfo .questionAction .goodOrAnswer .seeAnswer span:nth-child(2) {
  margin-right: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox {
  background: #fff;
  padding: 29px 32px 43px 22px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .answerTitle {
  display: flex;
  justify-content: space-between;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .answerTitle .answerAction {
  width: 200px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .answerTitle .answerAction .actionNoSelect {
  cursor: pointer;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .answerTitle .answerAction .actionSelect {
  color: #3C84F1;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer {
  background: #f6fbff;
  position: relative;
  padding: 20px 26px 21px 20px;
  margin-bottom: 28px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .ant-tabs-tab {
  margin: 0;
  padding: 12px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  background: #f1f3f4;
  height: 100px;
  margin-top: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .teacherAnswer {
  text-align: center;
  line-height: 30px;
  width: 83px;
  height: 29px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  border-radius: 0px 6px 0px 6px;
  color: #3C84F1;
  position: absolute;
  top: 0;
  right: 0;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .respondent {
  margin-bottom: 20px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .respondent .teacherPortrait {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 14px;
  object-fit: cover;
  object-position: top;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerContent {
  margin-bottom: 17px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerImgBox {
  width: 783px;
  margin-bottom: 20px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerImgBox .answerContentImg {
  width: 85px;
  height: 85px;
  background: #f1f1f1;
  cursor: pointer;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerImgBox .ant-tabs-nav-container::after {
  display: none;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerImgBox .ant-tabs-ink-bar {
  display: none !important;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerImgBox .ant-tabs-bar {
  border-bottom: 0;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerDate {
  color: #787878;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerAction {
  display: flex;
  justify-content: space-between;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerAction .empty {
  width: 65px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerAction .answerSingleAction {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 30px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerAction .answerSingleAction img {
  margin-right: 9px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerAction .answerSingleAction span:nth-child(2) {
  margin-right: 5px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionLeft .answerBox .singleAnswer .answerFooter .answerAction .answerSingleAction:last-child {
  margin-right: 0;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight {
  margin-left: 25px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox {
  width: 356px;
  padding: 30px 0 20px 0;
  background: #ffffff;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  background: #fff;
  margin-bottom: 25px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox .tBox {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 30px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox .tBox .secant {
  width: 2px;
  height: 33px;
  background: #eeeeee;
  border-radius: 1px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox .tBox .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox .tBox .item .color1 {
  font-size: 24px;
  font-weight: 400;
  color: #3C84F1;
  line-height: 36px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox .tBox .item .color2 {
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 36px;
}
.questionDetailsPages .questionDetailsPagesMain .questionDetailsBox .questionContent .questionRight .tiwenBox .tiwenBtn {
  width: 98px;
  height: 32px;
  background: #3C84F1;
  border-radius: 16px;
  align-self: center;
  color: #fff;
  border: 1px solid #3C84F1;
}
.questionDetailsAnswerModel {
  max-height: 70vh !important;
}
.questionDetailsAnswerModel .answerBtnBox {
  display: flex;
  justify-content: center;
  padding-top: 36px;
}
.questionDetailsAnswerModel .answerBtnBox .submitAnswer {
  width: 90px;
  height: 38px;
  background: linear-gradient(-90deg, #3C83F1, #3CA6F1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
.questionDetailsDeleteAnswerModel {
  position: relative;
}
.questionDetailsDeleteAnswerModel .deleteAnswerContent {
  margin: 20px auto 40px auto;
  text-align: center;
}
.questionDetailsDeleteAnswerModel .deleteAnswerBtnBox {
  width: 230px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.questionDetailsDeleteAnswerModel .deleteAnswerBtnBox .confirmBtn {
  width: 90px;
  height: 38px;
  background: linear-gradient(-90deg, #3C83F1, #3CA6F1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
.questionDetailsDeleteAnswerModel .deleteAnswerBtnBox .cancelBtn {
  width: 90px;
  height: 38px;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #3C84F1;
}
.questionCloselyModel {
  z-index: 998;
}
.questionCloselyModel .ant-modal-body {
  overflow-y: auto;
  max-height: 70vh !important;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
  justify-content: space-between;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .questionCloselypresonLeft img {
  width: 40px;
  height: 40px;
  background: #f4cc7e;
  border-radius: 50%;
  margin-right: 14px;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct {
  display: flex;
  justify-content: space-around;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerSingleAction {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerSingleAction img {
  margin-right: 9px;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerSingleAction span:nth-child(2) {
  margin-right: 5px;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .questionCloselypresonRight {
  color: #787878;
  margin-left: 20px;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerImgBox {
  width: 783px;
  margin-bottom: 20px;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerImgBox .answerContentImg {
  width: 85px;
  height: 85px;
  background: #f1f1f1;
  cursor: pointer;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerImgBox .ant-tabs-nav-container::after {
  display: none;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerImgBox .ant-tabs-ink-bar {
  display: none !important;
}
.questionCloselyModel .ant-modal-body .questionCloselypresonBox .answersAct .answerImgBox .ant-tabs-bar {
  border-bottom: 0;
}
.questionCloselyModel .ant-modal-body .questionCloselyContent {
  margin-bottom: 20px;
}
.questionCloselyModel .ant-modal-body .inputQuestionClosely {
  margin-bottom: 20px;
}
.questionCloselyModel .ant-modal-body .questionCloselyBtnBox {
  display: flex;
  justify-content: center;
}
.questionCloselyModel .ant-modal-body .questionCloselyBtnBox .confirmQuestionClosely {
  width: 90px;
  height: 38px;
  background: linear-gradient(-90deg, #3C83F1, #3CA6F1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
.reportModel .checkReportReason {
  margin-bottom: 28px;
}
.reportModel .inputReport {
  margin-bottom: 28px;
}
.reportModel .reportBtnBox {
  display: flex;
  justify-content: center;
}
.reportModel .reportBtnBox .submitReport {
  width: 90px;
  height: 38px;
  background: linear-gradient(-90deg, #3C83F1, #3CA6F1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}

.searchPage .searchHeader {
  width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.searchPage .searchHeader .ant-input-group-wrapper {
  width: 500px;
  margin-bottom: 28px;
}
.searchPage .searchHeader .typeBox {
  display: flex;
  align-items: center;
}
.searchPage .searchHeader .typeBox span {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  color: #115be2;
  margin-right: 26px;
  cursor: pointer;
}
.searchPage .searchHeader .typeBox .selected {
  color: #4b4b4b;
  text-decoration: none;
  cursor: default;
}
.searchPage .searchContent {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  margin-bottom: 15px;
  padding: 0 20px;
}
.searchPage .searchContent .contentLeft {
  width: 800px;
  padding-right: 100px;
}
.searchPage .searchContent .contentLeft .noResult .t1 {
  margin-bottom: 15px;
}
.searchPage .searchContent .contentLeft .noResult .t1 span {
  color: #f54e4e;
}
.searchPage .searchContent .contentLeft .noResult .bottom .t3 {
  text-indent: 2em;
}
.searchPage .searchContent .contentLeft .titleBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #1d1d1d;
}
.searchPage .searchContent .contentLeft .titleBox .name {
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
}
.searchPage .searchContent .contentLeft .titleBox .more {
  cursor: pointer;
}
.searchPage .searchContent .contentLeft .lessonList .item {
  display: flex;
  margin-bottom: 30px;
  cursor: pointer;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemLeft {
  width: 293px;
  height: 166px;
  border-radius: 4px;
  margin-right: 28px;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemLeft img {
  width: 293px;
  height: 166px;
  border-radius: 4px;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight {
  flex: 1;
  padding: 10px 20px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .lessonName {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .examName,
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .courseName {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .numPrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .numPrice .num {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  display: flex;
  align-items: center;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .numPrice .num > span:nth-child(2) {
  margin-left: 8px;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .numPrice .price > span:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  color: #666666;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .numPrice .price > span:nth-child(2) {
  font-size: 18px;
  font-weight: bold;
  color: #f05e58;
  margin-left: 18px;
}
.searchPage .searchContent .contentLeft .lessonList .item .itemRight .numPrice .price .free {
  color: #3ece4a !important;
}
.searchPage .searchContent .contentLeft .infoList .item {
  display: flex;
  margin-bottom: 30px;
  cursor: pointer;
}
.searchPage .searchContent .contentLeft .infoList .item .itemLeft {
  width: 293px;
  height: 166px;
  border-radius: 4px;
  background-color: rebeccapurple;
  margin-right: 28px;
}
.searchPage .searchContent .contentLeft .infoList .item .itemLeft img {
  width: 293px;
  height: 166px;
  border-radius: 4px;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight {
  flex: 1;
  padding: 10px 20px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight .itemContent {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight .readNum {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight .readNum .num {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight .readNum .num > span:nth-child(2) {
  margin-left: 8px;
}
.searchPage .searchContent .contentLeft .infoList .item .itemRight .readNum .seeDetailBtn {
  font-size: 16px;
  font-weight: 400;
  color: #ff5822;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .titleBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #1d1d1d;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .titleBox .name {
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item {
  display: flex;
  margin-bottom: 30px;
  cursor: pointer;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemLeft {
  width: 293px;
  height: 166px;
  border-radius: 4px;
  margin-right: 28px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemLeft img {
  width: 293px;
  height: 166px;
  border-radius: 4px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight {
  flex: 1;
  padding: 10px 20px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .lessonName {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .examName,
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .courseName {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .numPrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .numPrice .num {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  display: flex;
  align-items: center;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .numPrice .num > span:nth-child(2) {
  margin-left: 8px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .numPrice .price > span:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  color: #666666;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .numPrice .price > span:nth-child(2) {
  font-size: 18px;
  font-weight: bold;
  color: #f05e58;
  margin-left: 18px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .item .itemRight .numPrice .price .free {
  color: #3ece4a !important;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo {
  display: flex;
  margin-bottom: 30px;
  cursor: pointer;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemLeft {
  width: 293px;
  height: 166px;
  border-radius: 4px;
  background-color: rebeccapurple;
  margin-right: 28px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemLeft img {
  width: 293px;
  height: 166px;
  border-radius: 4px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight {
  flex: 1;
  padding: 10px 20px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight .itemContent {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight .readNum {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight .readNum .num {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight .readNum .num > span:nth-child(2) {
  margin-left: 8px;
}
.searchPage .searchContent .contentLeft .typeOfLessonList .itemInfo .itemRight .readNum .seeDetailBtn {
  font-size: 16px;
  font-weight: 400;
  color: #ff5822;
}
.searchPage .searchContent .contentLine {
  height: 480px;
  width: 1px;
  background: #d7d7d7;
}
.searchPage .searchContent .contentRight {
  padding-left: 40px;
}
.searchPage .searchContent .contentRight .name {
  margin-bottom: 20px;
}
.searchPage .searchContent .contentRight .relateList .hot {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.searchPage .searchContent .contentRight .relateList .hot .hotname {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchPage .searchContent .contentRight .relateList .hot span {
  display: inline-block;
  margin-right: 9px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  background: #68abec;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.searchPage .searchContent .contentRight .relateList .hot .first {
  background: #f54e4e;
}
.searchPage .searchContent .contentRight .relateList .hot .seconds {
  background: #ff803d;
}
.searchPage .searchContent .contentRight .relateList .hot .third {
  background: #ffac37;
}
.searchPage .searchContent .contentRight .relateList .hot a {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #127de1;
  cursor: pointer;
}
.searchPage .searchContent .contentRight .relateList .hot a:hover {
  text-decoration: underline;
}

.teacherPage {
  background-color: #F5F7F9;
}
.teacherPage .teacherMain {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 65px;
}
.teacherPage .teacherMain .navigationBox {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #aaaaaa;
  line-height: 22px;
  margin-bottom: 18px;
}
.teacherPage .teacherMain .navigationBox .ant-breadcrumb,
.teacherPage .teacherMain .navigationBox > span {
  font-size: 12px;
  font-weight: 400;
  color: #AAAAAA;
}
.teacherPage .teacherMain .examSelectBox {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
}
.teacherPage .teacherMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 0 30px 0;
}
.teacherPage .teacherMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.teacherPage .teacherMain .examSelectBox .tBox .leftLabel {
  width: 50px;
  margin: 10px 0;
  font-weight: bold;
  color: #222222;
  text-align: right;
}
.teacherPage .teacherMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px 0;
}
.teacherPage .teacherMain .examSelectBox .tBox .rightCont .itemCard {
  color: #6b6b6b;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px;
  margin-right: 10px;
  margin-bottom: 4px;
}
.teacherPage .teacherMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.teacherPage .teacherMain .teacherBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.teacherPage .teacherMain .teacherBox .teacherCard {
  margin-right: 20px;
}
.teacherPage .teacherMain .teacherBox .teacherCard:nth-child(4n) {
  margin-right: 0;
}
.teacherPage .no-data {
  text-align: center;
  margin-top: 40px;
}
.teacherPage .no-data .title {
  margin-top: 30px;
}

.teacherCard {
  width: 285px;
  min-height: 420px;
  background: #ffffff;
  border-radius: 6px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.teacherCard p,
.teacherCard ul {
  margin: 0;
}
.teacherCard .topBox {
  position: relative;
  height: 314px;
  overflow: hidden;
}
.teacherCard .topBox .topMainBox {
  height: 314px;
  padding: 22px 18px 0;
}
.teacherCard .topBox .topMainBox .topMain {
  height: 100%;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.teacherCard .topBox .topMainBox .topMain img {
  width: 178px;
  height: 223px;
  background: #f5f7f9;
  margin: 0 auto;
}
.teacherCard .topBox .topMainBox .topMain p {
  text-align: center;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.teacherCard .topBox .topMainBox .topMain p.name {
  font-size: 14px;
  color: #010101;
  margin-top: 6px;
  margin-bottom: 4px;
}
.teacherCard .topBox .topMainBox .topMain p.course {
  font-size: 12px;
  color: #343434;
}
.teacherCard .topBox .berife {
  position: absolute;
  top: 314px;
  width: 100%;
  height: 314px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s;
  padding: 39px;
}
.teacherCard .topBox .berife .name {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #010101;
  text-align: center;
  margin-bottom: 10px;
}
.teacherCard .topBox .berife .course {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  text-align: center;
  margin-bottom: 10px;
}
.teacherCard .topBox .berife .content {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.teacherCard .topBox .berife .content:first-of-type {
  margin-bottom: 5px;
}
.teacherCard .topBox:hover .berife {
  top: 0;
}
.teacherCard .topBox:hover .topMainBox .topMain .name {
  display: none;
}
.teacherCard .topBox:hover .topMainBox .topMain .course {
  display: none;
}
.teacherCard .bottomBox {
  padding: 10px 27px 0;
}
.teacherCard .bottomBox .titleBox {
  display: flex;
  align-items: center;
}
.teacherCard .bottomBox .titleBox img {
  width: 14px;
  height: 16px;
  margin-right: 6px;
}
.teacherCard .bottomBox .titleBox span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
}
.teacherCard .bottomBox p {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ff4a00;
  margin-top: 4px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.teacherCard .bottomBox p:hover {
  text-decoration: underline;
}

.agentUnion p {
  margin: 0;
  line-height: 12px;
}
.agentUnion .cpTopBox {
  width: 100%;
  height: 1198px;
  background-image: url('https://v.zaixue100.com/cloud-school/bg_img/tuiguangbj.png');
  background-position: center;
  background-size: cover;
  padding-top: 310px;
}
.agentUnion .cpTopBox .topMain {
  width: 1200px;
  margin: 0 auto;
}
.agentUnion .cpTopBox .topMain .videoBody {
  width: 100%;
  height: 528px;
  background: #1b1b1b;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head {
  background: #1b1b1b;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .left {
  width: 828px;
  height: 64px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .left .ant-menu {
  border-bottom: none;
  background: #1b1b1b;
  color: #ffffff;
  line-height: 64px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item {
  border-right: 1px solid #3a3a3a;
  margin: 0;
  padding: 0 20px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item:hover {
  color: #e1413e;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected {
  background: #e1413e;
  color: #fff;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected:hover {
  color: #fff;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right {
  flex: 1;
  display: flex;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right .ant-select {
  width: 160px;
  margin-right: 10px;
  color: #bfbfbf;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right .ant-select .ant-select-selector {
  background: #1b1b1b !important;
  border: 1px solid #484848;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right .ant-cascader-picker {
  flex: 1;
  color: #bfbfbf;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right .ant-cascader-picker .ant-cascader-input.ant-input {
  background: #1b1b1b !important;
  border: 1px solid #484848;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_head .right .ant-cascader-picker .ant-cascader-picker-arrow {
  color: #bfbfbf;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body {
  height: 463px;
  display: flex;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left {
  flex: 1;
  height: 463px;
  position: relative;
  background: #000000;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .header {
  line-height: 30px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .playPianTou {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 995;
  background: #000;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .controls-item {
  width: 100%;
  height: 100%;
  background: #181616;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-text {
  color: #b3b2b2;
  margin-top: 10px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-dot i {
  background-color: #b3b2b2;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .other-way {
  display: flex;
  width: 1068px;
  height: 60px;
  background: #2b2b2b;
  margin-top: -5px;
  color: #fff;
  align-items: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .playFlagTrue {
  height: 100%;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 996;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse img {
  width: 100%;
  height: 100%;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  background-color: #1890ff;
  opacity: 0.8;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play:hover {
  color: #fff;
  background-color: #1890ff;
  opacity: 1;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .mask_body {
  width: 100%;
  height: 463px;
  background-color: #00000073;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .video_left .mask_body .mask_con {
  width: 570px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right {
  height: 463px;
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop {
  flex: 1;
  border-top: 1px solid #484848;
  display: flex;
  flex-direction: column;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav {
  margin-bottom: 0;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav::before {
  border-bottom: 1px solid #484848;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab {
  background: #282828;
  color: #cccccc;
  border-radius: unset;
  margin-right: 0;
  padding: 11px 24px;
  border-color: #484848 !important;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  border-left: none;
  border-top: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type {
  border-left: 1px solid #484848;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type.ant-tabs-tab-active {
  border-left: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active {
  background-color: #1b1b1b;
  border-bottom: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-select {
  width: 100%;
  color: #bfbfbf;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-selector {
  background: #282828 !important;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose {
  height: 45px;
  background-color: #282828;
  display: flex;
  justify-content: space-between;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left {
  width: 272px;
  height: 100%;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left:hover::-webkit-scrollbar {
  width: 0;
  height: 4px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #282828;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem {
  display: inline-block;
  width: 90px;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #cccccc;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem.active {
  color: #fff;
  border-bottom: none;
  background-color: #1b1b1b;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .right {
  width: 100px;
  border-bottom: 1px solid #484848;
  border-left: 1px solid #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox {
  height: 358px;
  padding-top: 8px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header {
  padding: 8px 0 8px 36px;
  color: #9c9c9c;
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header:hover {
  color: #108ee9;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless {
  background: #1b1b1b;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .TC {
  text-align: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span {
  display: block;
  width: 70px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .checkTag {
  color: #fff;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .anticon-lock {
  font-size: 14px;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .learning {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #ff4a00;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .free {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #39b378;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .noSee {
  color: #9c9c9c !important;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .buyBox {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #292929;
}
.agentUnion .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .buyBox button {
  height: 32px;
  line-height: 32px;
  padding: 0 30px;
  border-radius: 16px;
  color: #FFFFFF;
  font-size: 14px;
  background: linear-gradient(90deg, #ff7338, #ff2028);
  box-shadow: none;
  border: 0;
  animation: scaleout 1.8s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
  0% {
    box-shadow: 0 0 0 #fff;
  }
  50% {
    box-shadow: 0 0 15px #fff;
  }
  100% {
    box-shadow: 0 0 0 #fff;
  }
}
@keyframes scaleout {
  0% {
    box-shadow: 0 0 0 #fff;
  }
  50% {
    box-shadow: 0 0 15px #fff;
  }
}
.agentUnion .cpTopBox .topMain .videoBody .nodata {
  font-size: 28px;
  line-height: 528px;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.agentUnion .cpTopBox .topMain .infoBox {
  width: 1200px;
  height: 85px;
  background: url("/titleBg.png") no-repeat;
  background-size: cover;
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.agentUnion .cpTopBox .topMain .infoBox .title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
}
.agentUnion .cpTopBox .topMain .infoBox .infoDetail {
  display: flex;
  align-items: center;
}
.agentUnion .cpTopBox .topMain .infoBox .infoDetail span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 28px;
}
.agentUnion .cpTopBox .topMain .infoBox .infoDetail em {
  font-style: normal;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
  margin-right: 40px;
}
.agentUnion .cpTopBox .topMain .infoBox .infoDetail .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  border-radius: 24px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.agentUnion .cpTopBox .c_footer {
  margin-top: 50px;
}
.agentUnion .cpTopBox .c_footer .ct1 {
  color: #FFFFFF;
  font-size: 30px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.agentUnion .cpTopBox .c_footer .ct2 {
  color: #ffffff;
  opacity: 0.8;
  font-size: 20px;
  margin: 10px 0;
}
.agentUnion .ant-menu-vertical {
  background: #1b1b1b;
  border: 1px solid #484848;
  color: #fff;
}
.agentUnion .ant-menu-submenu-title:hover {
  color: #e1413e;
}
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #e1413e;
  border-bottom: 2px solid #e1413e;
}
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.agentUnion .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #e1413e;
}
.agentUnion .ant-menu-item:hover,
.agentUnion .ant-menu-item-active,
.agentUnion .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.agentUnion .ant-menu-submenu-active,
.agentUnion .ant-menu-submenu-title:hover,
.agentUnion .ant-menu-item-selected {
  color: #e1413e;
}
.agentUnion .ant-menu-item:hover a,
.agentUnion .ant-menu-item-active a,
.agentUnion .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.agentUnion .ant-menu-submenu-active a,
.agentUnion .ant-menu-submenu-title:hover a,
.agentUnion .ant-menu-item-selected a {
  color: #e1413e;
}
.agentUnion .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e1413e;
  color: #fff;
}
.agentUnion .ant-cascader-menus {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.agentUnion .ant-cascader-menus .ant-cascader-menu-item {
  color: #bfbfbf;
}
.agentUnion .ant-cascader-menus .ant-cascader-menu-item:hover {
  background: #1b1b1b;
}
.agentUnion .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.agentUnion .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.agentUnion .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.agentUnion .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  color: #fff;
  background: #e1413e;
}
.dropDownBox {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.dropDownBox .ant-select-item-option {
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #fff;
  background: #e1413e;
}
.loginModal .ant-modal-body {
  padding: 36px 32px;
}
.loginModal .ant-modal-body .loginH {
  display: flex;
}
.loginModal .ant-modal-body .loginH .item {
  flex: 1;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #858384;
  cursor: pointer;
}
.loginModal .ant-modal-body .loginH .item:first-of-type {
  border-right: 2px solid #F3F1F2;
}
.loginModal .ant-modal-body .loginH .item1 {
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB {
  margin-top: 48px;
  position: relative;
}
.loginModal .ant-modal-body .loginB .title {
  color: #5E5E5E;
  margin-bottom: 10px;
}
.loginModal .ant-modal-body .loginB .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 50px;
  line-height: 50px;
}
.loginModal .ant-modal-body .loginB .checkboxBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.loginModal .ant-modal-body .loginB .loginBtn {
  border-radius: 2px;
  height: 50px;
  font-size: 16px;
  width: 100%;
}
.loginModal .ant-modal-body .loginB .titleF {
  text-align: center;
  color: #747474;
}
.loginModal .ant-modal-body .loginB .titleF span {
  cursor: pointer;
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB .titleC {
  color: #767A7E;
  margin-bottom: 20px;
}
.loginModal .ant-modal-body .loginB .titleC .ttt {
  cursor: pointer;
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB .titleG {
  color: #767A7E;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.loginModal .ant-modal-body .loginB .titleG:hover {
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB .verify {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.loginModal .ant-modal-body .loginB .time-button {
  width: 100%;
  height: 60px;
  border-radius: 4px;
}
.loginModal .ant-modal-body .loginB .formItem {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.loginModal .ant-modal-body .loginB .formItem a {
  color: #3C84F1;
}
.messageModal .ant-modal-body {
  padding: 0 40px;
  font-size: 20px;
}
.messageModal .ant-modal-body .anticon {
  margin-right: 12px;
  font-size: 20px;
}

.agentUnionPack p {
  margin: 0;
  line-height: 12px;
}
.agentUnionPack .cpTopBoxPack {
  width: 100%;
}
.agentUnionPack .cpTopBoxPack .topBack {
  width: 100%;
}
.agentUnionPack .cpTopBoxPack .bottomMain {
  padding-bottom: 100px;
  background-image: url('/pack_back_bottom.png');
  background-position: center;
  background-size: 100% 100%;
  margin-top: -1px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 33px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .top {
  display: flex;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .top .title {
  width: 130px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: linear-gradient(90deg, #E9C584, #DEB670, #E9C584);
  font-weight: bold;
  font-size: 22px;
  color: #B56302;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .top .pList {
  flex: 1;
  display: flex;
  overflow-x: auto;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .top .pList .pItem {
  height: 52px;
  line-height: 52px;
  padding: 0 32px;
  margin-left: 17px;
  background-color: #EBEBEB;
  border-radius: 2px 2px 0 0;
  font-weight: 400;
  font-size: 16px;
  color: #3F3F3F;
  cursor: pointer;
  flex-shrink: 0;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .top .pList .pItem.selected {
  background: linear-gradient(0deg, #F64D30, #EE7B67);
  color: #FFFFFF;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tHeader {
  height: 46px;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #292929;
  color: #FFFFFF;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tHeader .t1 {
  flex: 0.45;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tHeader .t2 {
  flex: 0.35;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tHeader .t3 {
  flex: 0.2;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item {
  height: 60px;
  display: flex;
  background-color: #FFFFFF;
  align-items: center;
  text-align: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item:hover {
  background-color: #FEFAF3;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item.selected {
  background: #FEFAF3;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item.selected .operation {
  color: #C17D2B;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item .name {
  flex: 0.45;
  color: #282828;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item .name .full {
  color: #F55438;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item .name .single {
  color: #BA6E13;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item .contain {
  flex: 0.35;
  color: #282828;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item .operation {
  flex: 0.2;
  font-size: 12px;
  color: #FF4A00;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.agentUnionPack .cpTopBoxPack .bottomMain .packMain .pTable .tBody .item .operation > img {
  margin-right: 5px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain {
  width: 1200px;
  margin: 0 auto;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody {
  width: 100%;
  height: 528px;
  background: #1b1b1b;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head {
  background: #1b1b1b;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .left {
  width: 828px;
  height: 64px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .left .ant-menu {
  border-bottom: none;
  background: #1b1b1b;
  color: #ffffff;
  line-height: 64px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .left .ant-menu .ant-menu-item {
  border-right: 1px solid #3a3a3a;
  margin: 0;
  padding: 0 20px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .left .ant-menu .ant-menu-item:hover {
  color: #e1413e;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected {
  background: #e1413e;
  color: #fff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected:hover {
  color: #fff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right {
  flex: 1;
  display: flex;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right .ant-select {
  width: 160px;
  margin-right: 10px;
  color: #bfbfbf;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right .ant-select .ant-select-selector {
  background: #1b1b1b !important;
  border: 1px solid #484848;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right .ant-cascader-picker {
  flex: 1;
  color: #bfbfbf;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right .ant-cascader-picker .ant-cascader-input.ant-input {
  background: #1b1b1b !important;
  border: 1px solid #484848;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_head .right .ant-cascader-picker .ant-cascader-picker-arrow {
  color: #bfbfbf;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body {
  height: 463px;
  display: flex;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left {
  flex: 1;
  height: 463px;
  position: relative;
  background: #000000;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .header {
  line-height: 30px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .playPianTou {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 995;
  background: #000;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .controls-item {
  width: 100%;
  height: 100%;
  background: #181616;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .controls-item .ant-spin-text {
  color: #b3b2b2;
  margin-top: 10px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .controls-item .ant-spin-dot i {
  background-color: #b3b2b2;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .other-way {
  display: flex;
  width: 1068px;
  height: 60px;
  background: #2b2b2b;
  margin-top: -5px;
  color: #fff;
  align-items: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .playFlagTrue {
  height: 100%;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .playFlagFalse {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 996;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .playFlagFalse img {
  width: 100%;
  height: 100%;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  background-color: #1890ff;
  opacity: 0.8;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play:hover {
  color: #fff;
  background-color: #1890ff;
  opacity: 1;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .mask_body {
  width: 100%;
  height: 463px;
  background-color: #00000073;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .video_left .mask_body .mask_con {
  width: 570px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right {
  height: 463px;
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop {
  flex: 1;
  border-top: 1px solid #484848;
  display: flex;
  flex-direction: column;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav {
  margin-bottom: 0;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav::before {
  border-bottom: 1px solid #484848;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab {
  background: #282828;
  color: #cccccc;
  border-radius: unset;
  margin-right: 0;
  padding: 11px 24px;
  border-color: #484848 !important;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  border-left: none;
  border-top: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type {
  border-left: 1px solid #484848;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type.ant-tabs-tab-active {
  border-left: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active {
  background-color: #1b1b1b;
  border-bottom: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-select {
  width: 100%;
  color: #bfbfbf;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-selector {
  background: #282828 !important;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose {
  height: 45px;
  background-color: #282828;
  display: flex;
  justify-content: space-between;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .left {
  width: 272px;
  height: 100%;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .left:hover::-webkit-scrollbar {
  width: 0;
  height: 4px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #282828;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem {
  display: inline-block;
  width: 90px;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #cccccc;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem.active {
  color: #fff;
  border-bottom: none;
  background-color: #1b1b1b;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .topChose .right {
  width: 100px;
  border-bottom: 1px solid #484848;
  border-left: 1px solid #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox {
  height: 358px;
  padding-top: 8px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header {
  padding: 8px 0 8px 36px;
  color: #9c9c9c;
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header:hover {
  color: #108ee9;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless {
  background: #1b1b1b;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .TC {
  text-align: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span {
  display: block;
  width: 70px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .checkTag {
  color: #fff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .anticon-lock {
  font-size: 14px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .learning {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #ff4a00;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .free {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #39b378;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .noSee {
  color: #9c9c9c !important;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .sectionBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .buyBox {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #292929;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .c_body .c_right .rightTop .buyBox button {
  height: 32px;
  line-height: 32px;
  padding: 0 30px;
  border-radius: 16px;
  color: #FFFFFF;
  font-size: 14px;
  background: linear-gradient(90deg, #ff7338, #ff2028);
  box-shadow: none;
  border: 0;
  animation: scaleout 1.8s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
  0% {
    box-shadow: 0 0 0 #fff;
  }
  50% {
    box-shadow: 0 0 15px #fff;
  }
  100% {
    box-shadow: 0 0 0 #fff;
  }
}
@keyframes scaleout {
  0% {
    box-shadow: 0 0 0 #fff;
  }
  50% {
    box-shadow: 0 0 15px #fff;
  }
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .videoBody .nodata {
  font-size: 28px;
  line-height: 528px;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .infoBox {
  width: 1200px;
  height: 85px;
  background: url("/titleBg.png") no-repeat;
  background-size: cover;
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .infoBox .title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .infoBox .infoDetail {
  display: flex;
  align-items: center;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .infoBox .infoDetail span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 28px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .infoBox .infoDetail em {
  font-style: normal;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
  margin-right: 40px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .topMain .infoBox .infoDetail .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  border-radius: 24px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.agentUnionPack .cpTopBoxPack .bottomMain .c_footer {
  margin-top: 50px;
}
.agentUnionPack .cpTopBoxPack .bottomMain .c_footer .ct1 {
  color: #FFFFFF;
  font-size: 30px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.agentUnionPack .cpTopBoxPack .bottomMain .c_footer .ct2 {
  color: #ffffff;
  opacity: 0.8;
  font-size: 20px;
  margin: 10px 0;
}
.agentUnionPack .ant-menu-vertical {
  background: #1b1b1b;
  border: 1px solid #484848;
  color: #fff;
}
.agentUnionPack .ant-menu-submenu-title:hover {
  color: #e1413e;
}
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #e1413e;
  border-bottom: 2px solid #e1413e;
}
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.agentUnionPack .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #e1413e;
}
.agentUnionPack .ant-menu-item:hover,
.agentUnionPack .ant-menu-item-active,
.agentUnionPack .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.agentUnionPack .ant-menu-submenu-active,
.agentUnionPack .ant-menu-submenu-title:hover,
.agentUnionPack .ant-menu-item-selected {
  color: #e1413e;
}
.agentUnionPack .ant-menu-item:hover a,
.agentUnionPack .ant-menu-item-active a,
.agentUnionPack .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.agentUnionPack .ant-menu-submenu-active a,
.agentUnionPack .ant-menu-submenu-title:hover a,
.agentUnionPack .ant-menu-item-selected a {
  color: #e1413e;
}
.agentUnionPack .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e1413e;
  color: #fff;
}
.agentUnionPack .ant-cascader-menus {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.agentUnionPack .ant-cascader-menus .ant-cascader-menu-item {
  color: #bfbfbf;
}
.agentUnionPack .ant-cascader-menus .ant-cascader-menu-item:hover {
  background: #1b1b1b;
}
.agentUnionPack .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.agentUnionPack .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.agentUnionPack .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.agentUnionPack .ant-cascader-menus .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  color: #fff;
  background: #e1413e;
}
.agentUnionPack .dropDownBox {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.agentUnionPack .dropDownBox .ant-select-item-option {
  color: #bfbfbf;
}
.agentUnionPack .dropDownBox .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.agentUnionPack .dropDownBox .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #fff;
  background: #e1413e;
}
.loginModal .ant-modal-body {
  padding: 36px 32px;
}
.loginModal .ant-modal-body .loginH {
  display: flex;
}
.loginModal .ant-modal-body .loginH .item {
  flex: 1;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #858384;
  cursor: pointer;
}
.loginModal .ant-modal-body .loginH .item:first-of-type {
  border-right: 2px solid #F3F1F2;
}
.loginModal .ant-modal-body .loginH .item1 {
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB {
  margin-top: 48px;
  position: relative;
}
.loginModal .ant-modal-body .loginB .title {
  color: #5E5E5E;
  margin-bottom: 10px;
}
.loginModal .ant-modal-body .loginB .ant-input {
  border-radius: 2px;
  border-color: #DDDDDD;
  height: 50px;
  line-height: 50px;
}
.loginModal .ant-modal-body .loginB .checkboxBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.loginModal .ant-modal-body .loginB .loginBtn {
  border-radius: 2px;
  height: 50px;
  font-size: 16px;
  width: 100%;
}
.loginModal .ant-modal-body .loginB .titleF {
  text-align: center;
  color: #747474;
}
.loginModal .ant-modal-body .loginB .titleF span {
  cursor: pointer;
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB .titleC {
  color: #767A7E;
  margin-bottom: 20px;
}
.loginModal .ant-modal-body .loginB .titleC .ttt {
  cursor: pointer;
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB .titleG {
  color: #767A7E;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.loginModal .ant-modal-body .loginB .titleG:hover {
  color: #62A9FF;
}
.loginModal .ant-modal-body .loginB .verify {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.loginModal .ant-modal-body .loginB .time-button {
  width: 100%;
  height: 60px;
  border-radius: 4px;
}
.loginModal .ant-modal-body .loginB .formItem {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.loginModal .ant-modal-body .loginB .formItem a {
  color: #3C84F1;
}
.messageModal .ant-modal-body {
  padding: 0 40px;
  font-size: 20px;
}
.messageModal .ant-modal-body .anticon {
  margin-right: 12px;
  font-size: 20px;
}

.loginPage {
  height: 650px;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/login_bg.png") no-repeat center center;
  padding-top: 62px;
  background-size: cover;
}
.loginPage .modalContent {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  width: 375px;
  padding: 30px;
  margin-left: 825px;
  border-radius: 6px;
  background: white;
}
.loginPage .modalContent .logHead {
  color: #222222;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.loginPage .modalContent .mHeader {
  display: flex;
  margin-bottom: 20px;
}
.loginPage .modalContent .mHeader a {
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
}
.loginPage .modalContent .mBody .inputItem .ant-form-item-control-input {
  border-bottom: 1px solid #DDDDDD;
}
.loginPage .modalContent .mBody .inputItem .ant-form-item-control-input .ant-input-affix-wrapper {
  min-height: 50px;
}
.loginPage .modalContent .mBody .inputItem .ant-input-prefix {
  font-size: 16px;
  color: #9CA6AF;
  margin-right: 10px;
}
.loginPage .modalContent .mBody .formItem {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.loginPage .modalContent .mBody .formItem a {
  color: #3C84F1;
}
.loginPage .modalContent .mBody .right {
  justify-content: flex-end;
}
.loginPage .modalContent .mBody .center {
  justify-content: center;
}
.loginPage .modalContent .mBody .loginBtn {
  height: 50px;
}
.loginPage .modalContent .mBody .timeBtn {
  height: 50px;
  width: 130px;
  background: #E74633;
  border-color: #E74633;
}
.loginPage .modalContent .mFooter {
  height: 40px;
  display: flex;
  align-items: center;
  margin-top: 20px;
  color: #8C8C8C;
}
.loginPage .modalContent .mFooter img {
  margin: 0 15px;
  cursor: pointer;
}
.graphicCode .ant-form-item-required {
  height: 50px;
}

.drag {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #e8e8e8;
  position: relative;
  margin: 0 auto;
}
.drag .bg {
  width: 40px;
  height: 100%;
  position: absolute;
  background-color: #75CDF9;
}
.drag .text {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  user-select: none;
}
.drag .select {
  color: #fff;
}
.drag .btn {
  width: 40px;
  height: 40px;
  position: absolute;
  border: 1px solid #ccc;
  cursor: pointer;
  font-family: "\5B8B\4F53";
  text-align: center;
  background-color: #fff;
  user-select: none;
  color: #666;
}

.questionCardHJX {
  width: 890px;
  background: white;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 10px;
}
.questionCardHJX * {
  white-space: pre-wrap;
}
.questionCardHJX img {
  max-width: 100%;
}
.questionCardHJX .btn {
  background: #fff;
  border-color: #f59a23;
  color: #f59a23;
  text-shadow: none;
}
.questionCardHJX .btn1 {
  background: #fff;
  border-color: #ff5721;
  color: #ff5721;
  text-shadow: none;
}
.questionCardHJX .textArea {
  margin-bottom: 10px;
  background: #f4f4f4;
  border-radius: 4px;
}
.questionCardHJX .cardHead {
  padding: 20px;
  border-bottom: 2px solid #e9e9e9;
  margin-bottom: 20px;
}
.questionCardHJX .cardHead .title {
  background: #ec6740;
  border-radius: 12px;
  padding: 0 10px;
  margin-bottom: 10px;
  color: white;
  display: inline-block;
}
.questionCardHJX .cardHead .stem {
  color: #505050;
}
.questionCardHJX .cardHeader {
  padding: 20px 45px;
  background: #f9f9fa;
  color: #000000;
}
.questionCardHJX .cardHeader .type {
  font-weight: bold;
  margin-right: 15px;
}
.questionCardHJX .cardHeader .issue {
  margin-bottom: 5px;
}
.questionCardHJX .cardBody {
  padding: 10px 45px 20px;
}
.questionCardHJX .cardBody .optionItem {
  display: flex;
  transition: all 0.3s;
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.questionCardHJX .cardBody .optionItem:hover {
  background: #f8f8f8;
}
.questionCardHJX .cardBody .optionItem .radio {
  border: 1px solid #767b7f;
  border-radius: 50%;
  text-align: center;
  margin-right: 22px;
}
.questionCardHJX .cardBody .optionItem .check {
  border-radius: 4px;
}
.questionCardHJX .cardBody .optionItem .spTitle {
  flex: 1;
}
.questionCardHJX .cardBody .childListQues {
  margin-bottom: 20px;
}
.questionCardHJX .cardBody .childListQues .optionItem {
  display: flex;
  transition: all 0.3s;
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.questionCardHJX .cardBody .childListQues .optionItem:hover {
  background: #f8f8f8;
}
.questionCardHJX .cardBody .childListQues .optionItem .radio {
  border: 1px solid #767b7f;
  border-radius: 50%;
  text-align: center;
  margin-right: 22px;
}
.questionCardHJX .cardBody .childListQues .optionItem .check {
  border-radius: 4px;
}
.questionCardHJX .cardBody .childListQues .optionItem .spTitle {
  flex: 1;
}
.questionCardHJX .cardAnswer {
  border-top: 2px dotted #e9e9e9;
  padding: 20px 25px;
}
.questionCardHJX .cardAnswer .label {
  width: 90px;
  display: inline-block;
}
.questionCardHJX .cardAnswer .top0 .title {
  color: #565656;
}
.questionCardHJX .cardAnswer .top0 .t1 {
  padding: 10px 20px;
  line-height: 36px;
}
.questionCardHJX .cardAnswer .top0 .t2 {
  background: #f4f4f4;
  padding: 10px 20px;
  border-radius: 8px;
  line-height: 36px;
  margin-bottom: 10px;
}
.questionCardHJX .cardAnswer .top1 {
  display: flex;
  justify-content: space-between;
}
.questionCardHJX .cardAnswer .top1 .label {
  color: #3a3a3a;
}
.questionCardHJX .cardAnswer .top1 .answer {
  color: #00c574;
  margin-right: 60px;
}
.questionCardHJX .cardAnswer .top1 .userAnswer {
  color: #ee491f;
}
.questionCardHJX .cardAnswer .top1 .collect {
  color: #333333;
  margin-left: 27px;
  white-space: nowrap;
  cursor: pointer;
}
.questionCardHJX .cardAnswer .top1 .collect .anticon {
  margin-right: 3px;
}
.questionCardHJX .cardAnswer .top1 .collect .ab {
  color: #ffbf00;
}
.questionCardHJX .cardAnswer .top1 .collect:hover {
  color: #3b83f1;
}
.questionCardHJX .cardAnswer .top2 {
  margin-top: 10px;
  display: flex;
}
.questionCardHJX .cardAnswer .top2 .label {
  color: #858585;
}
.questionCardHJX .cardAnswer .top2 .rightAnswer {
  flex: 1;
  color: #333333;
}
.questionCardHJX .cardAnswer .top2 small {
  color: #adadad;
}
.questionCardHJX .cardAnswer .top2 .title {
  color: #8b8b8b;
  margin-bottom: 5px;
}
.questionCardHJX .cardAnswer .top2 .btn1 {
  margin-left: 20px;
}
.questionCardHJX .cardAnswer .top2 .btnR {
  float: right;
}
.questionCardHJX .cardAnswer .top2 .myNoteDetail {
  margin-bottom: 10px;
  color: #8b8b8b;
}
.questionCardHJX .cardAnswer .top2 .videoBox {
  width: 300px;
  height: 170px;
  cursor: pointer;
}
.questionCardHJX .cardAnswer .help {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  font-size: 16px;
}
.questionCardHJX .cardAnswer .help a {
  color: #f59a23;
}
.questionCardHJX .cardAnswer .help a:hover {
  text-decoration: underline;
}
.questionCardHJX .noteBox {
  border-top: 2px solid #e9e9e9;
  padding: 20px 35px;
}
.questionCardHJX .noteBox .moteTitle {
  color: #f59a23;
  font-weight: bold;
}

.chapterPaperHJX {
  background: #F1F1F1;
  padding-top: 20px;
  min-height: calc(100vh - 50px);
}
.chapterPaperHJX .icimg {
  cursor: pointer;
}
.chapterPaperHJX .ant-affix {
  z-index: 10 !important;
}
.chapterPaperHJX .mQHeader {
  border-radius: 10px;
  background: #fff;
  padding: 0 15px;
}
.chapterPaperHJX .mQHeader .top1 {
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #E7E7E7;
}
.chapterPaperHJX .mQHeader .top1 .address-icon {
  color: #F34D28;
  font-size: 16px;
  margin-right: 10px;
}
.chapterPaperHJX .mQHeader .top1 .ant-breadcrumb {
  color: #343434;
}
.chapterPaperHJX .mQHeader .top1 .ant-breadcrumb a {
  color: #343434;
}
.chapterPaperHJX .mQHeader .top2 {
  display: flex;
  align-items: center;
  height: 79px;
  white-space: nowrap;
  font-size: 16px;
  padding-right: 10px;
}
.chapterPaperHJX .mQHeader .top2 .pre {
  flex: 1;
  margin-right: 80px;
}
.chapterPaperHJX .mQHeader .top2 .pre .ant-progress-inner {
  border: 2px solid #F59A23;
  background: #fff;
}
.chapterPaperHJX .mQHeader .top2 .pre .ant-progress-bg {
  height: 15px !important;
}
.chapterPaperHJX .mQHeader .top2 .t1 {
  color: #F59A23;
}
.chapterPaperHJX .mQHeader .top2 .t2 {
  color: #343434;
}
.chapterPaperHJX .mQBody {
  display: flex;
  margin-top: 15px;
}
.chapterPaperHJX .mQBody > div:first-of-type {
  flex: 1;
  margin-right: 20px;
}
.chapterPaperHJX .mQBody .makeDone {
  background: #3B83F1;
  border: 1px solid #3B83F1 !important;
  color: white;
}
.chapterPaperHJX .mQBody .error {
  background: #FF5026;
  border: 1px solid #FF5026 !important;
  color: white;
}
.chapterPaperHJX .mQBody .success {
  background: #00C574;
  border: 1px solid #00C574 !important;
  color: white;
}
.chapterPaperHJX .mQBody .left {
  width: 890px;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 60px;
}
.chapterPaperHJX .mQBody .left .questionBox {
  display: flex;
  position: relative;
}
.chapterPaperHJX .mQBody .right {
  width: 290px;
}
.chapterPaperHJX .mQBody .right .shortcuts {
  border-radius: 10px;
  background: white;
  display: flex;
  height: 85px;
  align-items: center;
  z-index: 1;
  position: relative;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaperHJX .mQBody .right .shortcuts .item {
  flex: 1;
  text-align: center;
  padding: 20px 0;
  cursor: pointer;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .anticon {
  font-size: 20px;
  color: #000;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .titleStr {
  color: #666666;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content {
  position: absolute;
  top: 75px;
  left: 0;
  width: 290px;
  background: #fff;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 0 0 10px 10px;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .swIt {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E7E7E7;
  padding: 0 20px;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .ant-switch {
  background-color: #F7F7F7;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .ant-switch-checked {
  background-color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper:hover {
  color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper-checked {
  background: #3B83F1;
  color: white;
  border-color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper-checked:hover {
  color: white;
}
.chapterPaperHJX .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper-checked::before {
  background-color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .shortcuts .item:hover .anticon {
  color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .shortcuts .item:hover .titleStr {
  color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .shortcuts .item:hover .content {
  height: 200px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaperHJX .mQBody .right .shortcuts .item:hover .contentFZ {
  height: 100px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaperHJX .mQBody .right .answerSheet {
  background: white;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  border-bottom: 1px solid #F4F4F4;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t1 {
  color: #000000;
  font-size: 16px;
  position: relative;
  line-height: 21px;
  display: flex;
  margin-right: 10px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t1::before {
  content: ' ';
  width: 7px;
  height: 21px;
  background: linear-gradient(0deg, #ec6941, #ec6941);
  border-radius: 4px;
  display: inline-block;
  margin-right: 8px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t2 {
  height: 25px;
  border-radius: 13px;
  background: #F3F3F3;
  display: flex;
  align-items: center;
  color: #505050;
  font-size: 12px;
  padding: 0 10px;
  cursor: pointer;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t2 img {
  margin-right: 5px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t2:hover {
  background: #e2e2e2;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .tt {
  flex: 1;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t3 {
  color: #505050;
  font-size: 12px;
  cursor: pointer;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t3 .anticon {
  transition: all 0.3s;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t3:hover {
  color: #111111;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t4 {
  font-size: 16px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t4 .anticon {
  margin-right: 4px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t4 .red {
  color: #FF3030;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t5 {
  font-size: 16px;
  cursor: pointer;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t5 .anticon {
  margin-right: 2px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetHeader .t5:hover {
  color: #3B83F1;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody {
  border-bottom: 1px solid rgba(236, 105, 65, 0.37);
  transition: all 0.3s;
  min-height: 200px;
  padding: 0 10px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody .title {
  color: #000000;
  margin-bottom: 10px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody .title:first-of-type {
  padding-top: 15px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody .sheetBox {
  display: flex;
  flex-wrap: wrap;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody .sheetItem {
  border-radius: 4px;
  border: 1px solid #DADADA;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody .sheetItem:hover {
  border-color: #62a9ff !important;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetBody .select {
  border: 2px solid #62a9ff !important;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter {
  padding: 10px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 {
  color: #6F6F6F;
  font-size: 12px;
  display: flex;
  padding: 5px 0 15px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 .tt {
  flex: 1;
  display: flex;
  justify-content: center;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 .tt::before {
  content: '';
  width: 19px;
  height: 19px;
  border-radius: 4px;
  margin-right: 3px;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 .t1::before {
  background: #FF5026;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 .t2::before {
  background: #00C574;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 .t4::before {
  background: #3B83F1;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .top1 .t3::before {
  border: 1px solid #C2C2C2;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .btn {
  background: linear-gradient(90deg, #FF5D01, #FF9958);
  border-color: #FF9958;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .btn1 {
  background: #29D7A3;
  border-color: #29D7A3;
}
.chapterPaperHJX .mQBody .right .answerSheet .sheetFooter .btn2 {
  margin-top: 20px;
}
.chapterPaperHJX .tFoot {
  height: 50px;
  width: 890px;
  position: fixed;
  left: calc((100% - 1200px) / 2);
  bottom: 0;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 6px;
}
.chapterPaperHJX .tFoot .tFCard {
  flex: 1;
  height: 50px;
  cursor: pointer;
  color: #9a9a9a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chapterPaperHJX .tFoot .tFCard:hover {
  background: #daf3f9;
  color: #3B83F1;
}
.chapterPaperHJX .tFoot .tFCard .cardIcon {
  font-size: 16px;
  padding: 0 3px;
}
.chapterPaperHJX .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  transition: opacity 0.3s;
  z-index: 99;
}
.chapterPaperHJX .mark .iconSync {
  font-size: 44px;
  color: #3B83F1;
  margin: 0 10px;
}
.uploadModal .fit {
  width: 100%;
  height: fit-content;
  max-height: 60vh;
}
.subjectQuestionModal .t0 {
  color: #313131;
  text-align: center;
  margin: 20px 0 50px;
}
.subjectQuestionModal .t0 .red {
  color: #EC6941;
}
.subjectQuestionModal .t1 {
  display: flex;
  justify-content: center;
}
.subjectQuestionModal .t1 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  margin-right: 35px;
  color: white;
  border-color: #f04a00;
}
.subjectQuestionModal .t1 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: 0px 0px 15px 0px rgba(240, 73, 11, 0.23);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
}
.presentationModal .ant-modal-body {
  max-height: 65vh;
  overflow-y: scroll;
}
.presentationModal .t0 {
  color: #6B6B6B;
  text-align: center;
}
.presentationModal .accuracy {
  width: 120px;
  height: 120px;
  margin: 10px auto;
  border: 9px solid #FFA58A;
  background: linear-gradient(180deg, rgba(239, 125, 52, 0.6), rgba(246, 246, 246, 0));
  border-radius: 50%;
  font-size: 36px;
  font-weight: bold;
  color: #F24C29;
  text-align: center;
  line-height: 100px;
}
.presentationModal .t1 {
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 8px 12px;
}
.presentationModal .t1 .time {
  margin-bottom: 8px;
  font-size: 12px;
}
.presentationModal .t1 .item {
  display: flex;
  align-items: center;
  height: 50px;
}
.presentationModal .t1 .item .itBox {
  flex: 1;
  text-align: center;
}
.presentationModal .t1 .bg {
  background: #F7F8FC;
}
.presentationModal .t1 .success {
  color: #75B52C;
}
.presentationModal .t1 .error {
  color: #EC6941;
}
.presentationModal .t2 {
  margin-top: 22px;
  display: flex;
  justify-content: space-around;
}
.presentationModal .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.presentationModal .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
  width: 120px;
}
.presentationModal .t3 {
  color: #313131;
  font-size: 16px;
  text-align: center;
}
.presentationModal .accuracy1 {
  width: 188px;
  height: 188px;
  font-size: 60px;
  line-height: 168px;
}
.presentationModal .accuracy1 span {
  color: #686868;
  font-size: 14px;
}
.presentationModal .right {
  flex: 1;
  margin-left: 65px;
}
.presentationModal .t4 {
  color: #313131;
  font-size: 18px;
  margin-bottom: 10px;
}
.presentationModal .t6 {
  color: #313131;
  font-size: 16px;
  margin-bottom: 10px;
}
.presentationModal .t6 span {
  color: #EC6941;
}
.presentationModal .t5 {
  display: flex;
  border: 1px solid #E5E5E5;
}
.presentationModal .t5 .t5Item {
  flex: 1;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-right: 1px solid #E5E5E5;
  color: #6B6B6B;
}
.presentationModal .t5 .t5Item:last-of-type {
  border: 0;
}
.presentationModal .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.presentationModal .ant-radio-group .ant-radio-wrapper {
  width: 33%;
  margin-right: 0;
  line-height: 32px;
}

.bannerCarousel {
  position: relative;
  height: 500px;
  min-width: 1200px;
  margin-bottom: 30px;
}
.bannerCarousel .topChose {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.bannerCarousel .topChose .mainBox {
  position: absolute;
  left: 0;
  top: 0px;
  height: 100%;
  z-index: 1;
}
.bannerCarousel .topChose .mainBox .banner-arrow {
  position: absolute;
  top: 220px;
  left: 282px;
  width: 900px;
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.bannerCarousel .topChose .mainBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.bannerCarousel .topChose .mainBox .outBox {
  position: relative;
}
.bannerCarousel .topChose .mainBox .examInfoBox {
  padding-top: 4px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  height: 500px;
  width: 282px;
  background: #ffffff;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem {
  padding: 8px 15px 8px 20px;
  position: relative;
  cursor: pointer;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem .cateH {
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  position: relative;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem .cateH::after {
  content: ">";
  position: absolute;
  right: 0;
  font-family: monospace;
  color: #b7bed2;
  font-size: 16px;
  font-weight: bold;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem .cateBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
  max-height: 50px;
  overflow: hidden;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem .cateBox .cateItem {
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
  margin-right: 8px;
  cursor: pointer;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem.nowHover {
  opacity: 1;
}
.bannerCarousel .topChose .mainBox .examInfoBox .exItem.nowHover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.bannerCarousel .topChose .mainBox .allCateBox {
  width: 918px;
  height: 500px;
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 282px;
  z-index: 3;
  padding: 25px 0 0;
}
.bannerCarousel .topChose .mainBox .allCateBox .cateBox {
  display: flex;
}
.bannerCarousel .topChose .mainBox .allCateBox .eiName {
  color: #333333;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
}
.bannerCarousel .topChose .mainBox .allCateBox .aaa {
  position: relative;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
}
.bannerCarousel .topChose .mainBox .allCateBox .recommend::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 0px;
  width: 12px;
  height: 17px;
  background: url("/hot.png") center;
  background-size: 100% 100%;
}
.bannerCarousel .topChose .mainBox .scroll500 {
  height: 600px;
  background: #ffffff;
}
.bannerCarousel .topChose .mainBox .exItemAll {
  padding: 8px 22px 8px 20px !important;
  position: absolute !important;
  bottom: 0;
  width: 282px;
  height: 60px;
  background: #ffffff;
  display: flex;
  align-items: center;
  z-index: 9;
}
.bannerCarousel .topChose .mainBox .exItemAll .cateH {
  width: 100%;
  font-size: 14px;
  font-weight: 800;
  position: relative;
}
.bannerCarousel .topChose .mainBox .exItemAll .cateH::after {
  content: ">";
  position: absolute;
  right: 0;
  font-family: monospace;
  color: #b7bed2;
  font-size: 16px;
  font-weight: bold;
}
.bannerCarousel .topChose .mainBox .exItemHidden {
  display: none;
}
.bannerCarousel .banner-carouse {
  width: 100%;
  height: 500px;
  box-shadow: 0 2px 13px 0px rgba(139, 58, 247, 0.13);
  position: relative;
}
.bannerCarousel .banner-carouse .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
}
.bannerCarousel .banner-carouse .ant-carousel .slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 5px;
}
.bannerCarousel .banner-carouse .ant-carousel .slick-dots li.slick-active {
  width: 25px;
}
.bannerCarousel .banner-carouse .ant-carousel .slick-dots li.slick-active button {
  width: 25px;
}
.bannerCarousel .banner-carouse .img-banner-contianer {
  height: 500px;
  position: relative;
  overflow: hidden;
}
.bannerCarousel .banner-carouse .img-banner-contianer .bannerA {
  width: 100%;
  text-align: center;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bannerCarousel .banner-carouse .img-banner-contianer .bannerNoa {
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bannerCarousel .banner-carouse .ant-carousel .slick-dots-bottom {
  bottom: 35px;
}
.bannerCarousel .banner-arrow {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 100px;
  padding-left: 300px;
  display: none;
}
.bannerCarousel .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.bannerCarousel .ant-carousel .slick-dots {
  z-index: 0;
}
.bannerCarousel:hover .banner-arrow {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}

.m004BannerCarousel {
  height: 680px;
  background: url("/m004_t1.png") no-repeat top center;
  padding-top: 20px;
}
.m004BannerCarousel.innerWidth1200 .searchTem1 {
  width: 1200px;
}
.m004BannerCarousel.innerWidth1200 .navBox {
  width: 1200px;
}
.m004BannerCarousel.innerWidth1200 .navBox .ant-menu {
  width: 984px;
}
.m004BannerCarousel.innerWidth1200 .bannerC {
  width: 1200px;
}
.m004BannerCarousel.innerWidth1200 .bannerC .right {
  width: 984px;
}
.m004BannerCarousel.innerWidth1200 .bannerC .right .popularR > img,
.m004BannerCarousel.innerWidth1200 .bannerC .right .popularR a {
  margin-right: 58px;
}
.m004BannerCarousel.innerWidth1200 .bannerC .right .popularR > img:last-child,
.m004BannerCarousel.innerWidth1200 .bannerC .right .popularR a:last-child {
  margin-right: 0;
}
.m004BannerCarousel .ant-carousel .slick-dots {
  z-index: 0;
}
.m004BannerCarousel .searchTem1 {
  width: 1400px;
  margin: 0 auto 34px;
  display: flex;
  align-items: flex-end;
}
.m004BannerCarousel .searchTem1 .m004LogoBox {
  width: 216px;
  display: flex;
  justify-content: center;
  margin-right: 284px;
}
.m004BannerCarousel .searchTem1 .m004LogoBox .logoImg {
  max-width: 300px;
  max-height: 86px;
}
.m004BannerCarousel .searchTem1 .searchBox .typeBox {
  display: flex;
  color: #666666;
  font-size: 12px;
  margin-bottom: 10px;
}
.m004BannerCarousel .searchTem1 .searchBox .typeBox .typeItem {
  border-left: 1px solid #666666;
  padding: 0 10px;
  line-height: 14px;
  cursor: pointer;
}
.m004BannerCarousel .searchTem1 .searchBox .typeBox .typeItem:first-of-type {
  border-left: 0;
}
.m004BannerCarousel .searchTem1 .searchBox .typeBox .typeItem.sel {
  color: #FF433B;
}
.m004BannerCarousel .searchTem1 .searchBox .searchInput {
  width: 320px;
  height: 45px;
}
.m004BannerCarousel .searchTem1 .searchBox .searchInput .ant-input-affix-wrapper {
  border-color: #FF423B;
  box-shadow: none;
}
.m004BannerCarousel .searchTem1 .searchBox .searchInput .ant-input-affix-wrapper:focus,
.m004BannerCarousel .searchTem1 .searchBox .searchInput .ant-input-affix-wrapper-focused,
.m004BannerCarousel .searchTem1 .searchBox .searchInput .ant-input-affix-wrapper:hover {
  border-color: #FF423B;
}
.m004BannerCarousel .searchTem1 .searchBox .searchInput .ant-btn {
  height: 45px;
  border-color: #FF423B;
  background: linear-gradient(270deg, #FF6948, #FF423B);
}
.m004BannerCarousel .navBox {
  width: 1400px;
  margin: 0 auto;
  display: flex;
}
.m004BannerCarousel .navBox .item {
  width: 216px;
  font-size: 18px;
  line-height: 40px;
  color: white;
  text-align: center;
  font-weight: bold;
  background: #FF423B;
}
.m004BannerCarousel .navBox .ant-menu-item:hover,
.m004BannerCarousel .navBox .ant-menu-item-active,
.m004BannerCarousel .navBox .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.m004BannerCarousel .navBox .ant-menu-submenu-active,
.m004BannerCarousel .navBox .ant-menu-submenu-title:hover,
.m004BannerCarousel .navBox .ant-menu-item-selected {
  color: #FF423B;
}
.m004BannerCarousel .navBox .ant-menu-item:hover a,
.m004BannerCarousel .navBox .ant-menu-item-active a,
.m004BannerCarousel .navBox .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.m004BannerCarousel .navBox .ant-menu-submenu-active a,
.m004BannerCarousel .navBox .ant-menu-submenu-title:hover a,
.m004BannerCarousel .navBox .ant-menu-item-selected a {
  color: #FF423B;
}
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #FF423B;
  border-bottom: 2px solid #FF423B;
}
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #FF423B;
}
.m004BannerCarousel .navBox .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(60, 132, 241, 0.2);
}
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.m004BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin: 0 36px;
}
.m004BannerCarousel .navBox .ant-menu {
  background: inherit;
  border-bottom: 3px solid #FF423B;
  line-height: 40px;
  width: 1184px;
}
.m004BannerCarousel .navBox .ant-menu .ant-menu-item,
.m004BannerCarousel .navBox .ant-menu .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  font-size: 18px;
}
.m004BannerCarousel .navBox .ant-menu .ant-menu-submenu-title:hover {
  color: #FF423B;
}
.m004BannerCarousel .navBox .ant-menu-submenu .ant-menu {
  width: 160px;
  background: white;
}
.m004BannerCarousel .bannerC {
  width: 1400px;
  margin: 0 auto;
  display: flex;
}
.m004BannerCarousel .bannerC .infoBox {
  position: relative;
  width: 216px;
  height: 480px;
}
.m004BannerCarousel .bannerC .outBox {
  position: relative;
}
.m004BannerCarousel .bannerC .examInfoBox {
  width: 216px;
  height: 480px;
  background: #484C58;
  padding: 10px;
  position: relative;
}
.m004BannerCarousel .bannerC .examInfoBox .exItem {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  font-size: 12px;
  cursor: pointer;
}
.m004BannerCarousel .bannerC .examInfoBox .exItem .name {
  color: white;
  font-size: 18px;
}
.m004BannerCarousel .bannerC .examInfoBox .exItem .anticon {
  color: #7F828B;
}
.m004BannerCarousel .bannerC .examInfoBox .exItem.nowHover {
  border-radius: 6px;
  background: #FF4E46;
}
.m004BannerCarousel .bannerC .examInfoBox .exItem.nowHover .anticon {
  color: white;
}
.m004BannerCarousel .bannerC .allCateBox {
  width: 650px;
  height: 309px;
  position: absolute;
  background: #35383F;
  border-radius: 0 8px 8px 0;
  top: 0;
  left: 216px;
  z-index: 3;
  padding: 15px 0 0;
}
.m004BannerCarousel .bannerC .allCateBox .cateBox {
  display: flex;
}
.m004BannerCarousel .bannerC .allCateBox .eiName {
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  min-width: 120px;
  text-align: center;
}
.m004BannerCarousel .bannerC .allCateBox .aaa {
  position: relative;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
}
.m004BannerCarousel .bannerC .allCateBox .recommend::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 0px;
  width: 12px;
  height: 17px;
  background: url("/hot.png") center;
  background-size: 100% 100%;
}
.m004BannerCarousel .bannerC .right {
  width: 1184px;
}
.m004BannerCarousel .bannerC .right .bannerCar {
  position: relative;
}
.m004BannerCarousel .bannerC .right .bannerCar .img-banner-contianer {
  height: 309px;
}
.m004BannerCarousel .bannerC .right .bannerCar .img-banner-contianer .bannerA {
  display: block;
  width: 100%;
  height: 309px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.m004BannerCarousel .bannerC .right .bannerCar .img-banner-contianer .bannerNoa {
  width: 100%;
  height: 309px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.m004BannerCarousel .bannerC .right .bannerCar .img-banner-contianer .img1 {
  width: 1184px;
  height: 309px;
}
.m004BannerCarousel .bannerC .right .bannerCar .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
}
.m004BannerCarousel .bannerC .right .bannerCar .ant-carousel .slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #D2D2D2;
}
.m004BannerCarousel .bannerC .right .bannerCar .ant-carousel .slick-dots li.slick-active {
  width: 25px;
}
.m004BannerCarousel .bannerC .right .bannerCar .ant-carousel .slick-dots li.slick-active button {
  width: 25px;
  background: #FFFFFF;
}
.m004BannerCarousel .bannerC .right .popularR {
  display: flex;
  flex-wrap: wrap;
}
.m004BannerCarousel .bannerC .right .popularR > img,
.m004BannerCarousel .bannerC .right .popularR a {
  margin-right: 9px;
}
.m004BannerCarousel .bannerC .right .popularR > img:last-child,
.m004BannerCarousel .bannerC .right .popularR a:last-child {
  margin-right: 0;
}
.m004BannerCarousel .bannerC .right .popularR img {
  width: 289px;
  height: 171px;
}
.m004BannerCarousel .bannerC .right .popularR .box-show2:hover {
  transform: scale(1.05);
}
.m004BannerCarousel .bannerC .scroll500 {
  height: 580px !important;
}
.m004BannerCarousel .bannerC .exItemAll {
  position: absolute !important;
  bottom: 0;
  width: 216px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 25px;
  font-size: 12px;
  cursor: pointer;
  background: #484C58;
  z-index: 9;
}
.m004BannerCarousel .bannerC .exItemAll .name {
  color: white;
  font-size: 18px;
}
.m004BannerCarousel .bannerC .exItemAll .anticon {
  color: #7F828B;
}
.m004BannerCarousel .bannerC .exItemAll.nowHover {
  border-radius: 6px;
  background: #FF4E46;
}
.m004BannerCarousel .bannerC .exItemAll.nowHover .anticon {
  color: white;
}
.m004BannerCarousel .bannerC .exItemHidden {
  display: none;
}

.m005BannerCarousel {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.m005BannerCarousel.innerWidth1200 .navBox {
  width: 1200px;
}
.m005BannerCarousel.innerWidth1200 .navBox .ant-menu {
  width: 984px;
}
.m005BannerCarousel.innerWidth1200 .bannerC {
  min-width: 1200px;
}
.m005BannerCarousel.innerWidth1200 .bannerC .topChose {
  width: 1200px;
}
.m005BannerCarousel.innerWidth1200 .bannerC .topChose .mainBox .banner-arrow {
  width: 700px;
}
.m005BannerCarousel.innerWidth1200 .bannerC .topChose .mainBox .allCateBox {
  width: 600px;
}
.m005BannerCarousel.innerWidth1200 .bannerC .right {
  width: 984px;
}
.m005BannerCarousel.innerWidth1200 .bannerC .right .popularR > img,
.m005BannerCarousel.innerWidth1200 .bannerC .right .popularR a {
  margin-right: 58px;
}
.m005BannerCarousel.innerWidth1200 .bannerC .right .popularR > img:last-child,
.m005BannerCarousel.innerWidth1200 .bannerC .right .popularR a:last-child {
  margin-right: 0;
}
.m005BannerCarousel.innerWidth1200 .bannerC .loginBox {
  right: calc((100vw - 1200px) / 2);
}
.m005BannerCarousel .navBox {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.m005BannerCarousel .navBox::before {
  content: '';
  background: #FF423B;
  height: 60px;
  width: 1000px;
  position: absolute;
  bottom: 0;
  left: -1000px;
}
.m005BannerCarousel .navBox::after {
  content: '';
  background: #FF423B;
  height: 43px;
  width: 1000px;
  position: absolute;
  bottom: 0;
  right: -1000px;
}
.m005BannerCarousel .navBox .item {
  width: 280px;
  font-size: 26px;
  line-height: 60px;
  color: white;
  text-align: center;
  background: #FF423B;
  position: relative;
}
.m005BannerCarousel .navBox .item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 17px solid #F5F7F9;
  border-left: 27px solid transparent;
}
.m005BannerCarousel .navBox .ant-menu-item:hover,
.m005BannerCarousel .navBox .ant-menu-item-active,
.m005BannerCarousel .navBox .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.m005BannerCarousel .navBox .ant-menu-submenu-active,
.m005BannerCarousel .navBox .ant-menu-submenu-title:hover,
.m005BannerCarousel .navBox .ant-menu-item-selected {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu-item:hover a,
.m005BannerCarousel .navBox .ant-menu-item-active a,
.m005BannerCarousel .navBox .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.m005BannerCarousel .navBox .ant-menu-submenu-active a,
.m005BannerCarousel .navBox .ant-menu-submenu-title:hover a,
.m005BannerCarousel .navBox .ant-menu-item-selected a {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #fff;
  border-bottom: 2px solid #FF423B;
}
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(255, 66, 59, 0.21);
}
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  padding: 0 36px;
  margin: 0;
  background: #FF423B;
}
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item a,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu a {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item .ant-menu-submenu-title,
.m005BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu .ant-menu-submenu-title {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu {
  background: #FF423B;
  line-height: 40px;
  width: 1184px;
}
.m005BannerCarousel .navBox .ant-menu .ant-menu-item,
.m005BannerCarousel .navBox .ant-menu .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  font-size: 18px;
}
.m005BannerCarousel .navBox .ant-menu .ant-menu-item::before {
  content: '|';
  color: #fff;
  position: absolute;
  right: 0;
}
.m005BannerCarousel .navBox .ant-menu .abc::before {
  opacity: 0;
}
.m005BannerCarousel .navBox .ant-menu.ant-menu-sub .ant-menu-item::before {
  opacity: 0;
}
.m005BannerCarousel .navBox .ant-menu .ant-menu-submenu-title:hover {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu-horizontal {
  border-color: #FF423B;
}
.m005BannerCarousel .navBox .ant-menu-submenu .ant-menu-item a {
  color: #fff;
}
.m005BannerCarousel .navBox .ant-menu-submenu .ant-menu {
  width: 160px;
  background: #FF423B;
}
.m005BannerCarousel .bannerC {
  height: 500px;
  min-width: 1400px;
}
.m005BannerCarousel .bannerC .topChose {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
.m005BannerCarousel .bannerC .topChose .mainBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.m005BannerCarousel .bannerC .topChose .mainBox .banner-arrow {
  position: absolute;
  top: 220px;
  left: 282px;
  width: 900px;
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.m005BannerCarousel .bannerC .topChose .mainBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox {
  padding-top: 4px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  height: 500px;
  width: 280px;
  background: rgba(255, 255, 255, 0.8);
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem {
  padding: 8px 15px 8px 20px;
  position: relative;
  cursor: pointer;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateH {
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  position: relative;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateH::after {
  content: ">";
  position: absolute;
  right: 0;
  font-family: monospace;
  color: #b7bed2;
  font-size: 16px;
  font-weight: bold;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
  max-height: 50px;
  overflow: hidden;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateBox .cateItem {
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
  margin-right: 8px;
  cursor: pointer;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem.nowHover {
  background: #ffffff;
  opacity: 1;
}
.m005BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem.nowHover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.m005BannerCarousel .bannerC .topChose .mainBox .allCateBox {
  width: 800px;
  height: 500px;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 280px;
  z-index: 3;
  padding: 25px 0 0;
}
.m005BannerCarousel .bannerC .topChose .mainBox .allCateBox .cateBox {
  display: flex;
}
.m005BannerCarousel .bannerC .topChose .mainBox .allCateBox .eiName {
  color: #333333;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
}
.m005BannerCarousel .bannerC .topChose .mainBox .allCateBox .aaa {
  position: relative;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
}
.m005BannerCarousel .bannerC .topChose .mainBox .allCateBox .recommend::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 0px;
  width: 12px;
  height: 17px;
  background: url("/hot.png") center;
  background-size: 100% 100%;
}
.m005BannerCarousel .bannerC .banner-carouse {
  width: 100%;
  height: 500px;
  box-shadow: 0 2px 13px 0px rgba(139, 58, 247, 0.13);
  position: relative;
}
.m005BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
}
.m005BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 5px;
}
.m005BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li.slick-active {
  width: 25px;
}
.m005BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li.slick-active button {
  width: 25px;
}
.m005BannerCarousel .bannerC .banner-carouse .img-banner-contianer {
  height: 500px;
  position: relative;
  overflow: hidden;
}
.m005BannerCarousel .bannerC .banner-carouse .img-banner-contianer .bannerA {
  text-align: center;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.m005BannerCarousel .bannerC .banner-carouse .img-banner-contianer .bannerNoa {
  width: 1920px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.m005BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots-bottom {
  bottom: 35px;
}
.m005BannerCarousel .bannerC .banner-arrow {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -600px;
  width: 900px;
  height: 100px;
  padding-left: 300px;
  display: none;
}
.m005BannerCarousel .bannerC .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.m005BannerCarousel .bannerC:hover .banner-arrow {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.m005BannerCarousel .bannerC .loginBox {
  width: 280px;
  height: 330px;
  background: #FFFFFF;
  box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  position: absolute;
  top: 134px;
  right: calc((100vw - 1400px) / 2);
  padding: 20px;
  text-align: center;
}
.m005BannerCarousel .bannerC .loginBox .t1 {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.m005BannerCarousel .bannerC .loginBox .t1 span {
  border-bottom: 2px solid #EA5139;
}
.m005BannerCarousel .bannerC .loginBox .t2 {
  font-size: 12px;
  margin-bottom: 20px;
}
.m005BannerCarousel .bannerC .loginBox .t2 a {
  color: #EA5139;
}
.m005BannerCarousel .bannerC .loginBox .loginBtn {
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
}
.m005BannerCarousel .bannerC .loginBox .ant-avatar {
  margin: 20px 0 10px;
}
.m005BannerCarousel .bannerC .loginBox .name {
  color: #3291f8;
  font-size: 24px;
}
.m005BannerCarousel .bannerC .loginBox .loginBtn1 {
  margin-top: 15px;
  height: 36px;
  border-radius: 4px;
}
.m005BannerCarousel .bannerC .loginBox .formItem {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.m005BannerCarousel .ant-carousel .slick-dots {
  z-index: 0;
}

.m006BannerCarousel {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.m006BannerCarousel .imgList {
  width: 1400px;
  padding-left: 280px;
  margin: 3px auto 3px auto;
  display: flex;
}
.m006BannerCarousel .imgList.oneList > a > img {
  width: 1109px;
  height: 218px;
}
.m006BannerCarousel .imgList.twoList > a {
  margin-right: 9px;
}
.m006BannerCarousel .imgList.twoList > a > img {
  width: 555px;
  height: 218px;
}
.m006BannerCarousel .imgList.twoList > a:last-child {
  margin-right: 0;
}
.m006BannerCarousel .imgList.threeList > a {
  margin-right: 9px;
}
.m006BannerCarousel .imgList.threeList > a > img {
  width: 367px;
  height: 218px;
}
.m006BannerCarousel .imgList.threeList > a:last-child {
  margin-right: 0;
}
.m006BannerCarousel .bottomWider {
  width: 1400px;
  margin: 0 auto;
}
.m006BannerCarousel .bottomWider > a > img {
  width: 100%;
  height: 140px;
}
.m006BannerCarousel .navBox {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.m006BannerCarousel .navBox::before {
  content: '';
  background: #3285FF;
  height: 60px;
  width: 1000px;
  position: absolute;
  bottom: 0;
  left: -1000px;
}
.m006BannerCarousel .navBox::after {
  content: '';
  background: #3285FF;
  height: 43px;
  width: 1000px;
  position: absolute;
  bottom: 0;
  right: -1000px;
}
.m006BannerCarousel .navBox .item {
  width: 280px;
  font-size: 26px;
  line-height: 60px;
  color: white;
  text-align: center;
  background: #3285FF;
  position: relative;
}
.m006BannerCarousel .navBox .item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 17px solid #F5F7F9;
  border-left: 27px solid transparent;
}
.m006BannerCarousel .navBox .ant-menu-item:hover,
.m006BannerCarousel .navBox .ant-menu-item-active,
.m006BannerCarousel .navBox .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.m006BannerCarousel .navBox .ant-menu-submenu-active,
.m006BannerCarousel .navBox .ant-menu-submenu-title:hover,
.m006BannerCarousel .navBox .ant-menu-item-selected {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu-item:hover a,
.m006BannerCarousel .navBox .ant-menu-item-active a,
.m006BannerCarousel .navBox .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.m006BannerCarousel .navBox .ant-menu-submenu-active a,
.m006BannerCarousel .navBox .ant-menu-submenu-title:hover a,
.m006BannerCarousel .navBox .ant-menu-item-selected a {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #fff;
  border-bottom: 2px solid #3285FF;
}
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(255, 66, 59, 0.21);
}
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  padding: 0 36px;
  margin: 0;
  background: #3285FF;
}
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item a,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu a {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item .ant-menu-submenu-title,
.m006BannerCarousel .navBox .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu .ant-menu-submenu-title {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu {
  background: #3285FF;
  line-height: 40px;
  width: 1184px;
}
.m006BannerCarousel .navBox .ant-menu .ant-menu-item,
.m006BannerCarousel .navBox .ant-menu .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  font-size: 18px;
}
.m006BannerCarousel .navBox .ant-menu .ant-menu-item::before {
  content: '|';
  color: #fff;
  position: absolute;
  right: 0;
}
.m006BannerCarousel .navBox .ant-menu .abc::before {
  opacity: 0;
}
.m006BannerCarousel .navBox .ant-menu.ant-menu-sub .ant-menu-item::before {
  opacity: 0;
}
.m006BannerCarousel .navBox .ant-menu .ant-menu-submenu-title:hover {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu-horizontal {
  border-color: #3285FF;
}
.m006BannerCarousel .navBox .ant-menu-submenu .ant-menu-item a {
  color: #fff;
}
.m006BannerCarousel .navBox .ant-menu-submenu .ant-menu {
  width: 160px;
  background: #3285FF;
}
.m006BannerCarousel .bannerC {
  height: 500px;
  min-width: 1400px;
}
.m006BannerCarousel .bannerC .topChose {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
.m006BannerCarousel .bannerC .topChose .mainBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.m006BannerCarousel .bannerC .topChose .mainBox .banner-arrow {
  position: absolute;
  top: 220px;
  left: 282px;
  width: 900px;
  height: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.m006BannerCarousel .bannerC .topChose .mainBox .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox {
  padding-top: 4px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  height: 500px;
  width: 280px;
  background: rgba(255, 255, 255, 0.8);
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem {
  padding: 8px 15px 8px 20px;
  position: relative;
  cursor: pointer;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateH {
  font-size: 14px;
  font-weight: 800;
  color: #000000;
  position: relative;
  padding-left: 23px;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateH::after {
  content: url("/m006_arrow.png");
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
  max-height: 50px;
  overflow: hidden;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem .cateBox .cateItem {
  font-size: 14px;
  font-weight: 400;
  margin-top: 3px;
  margin-right: 8px;
  cursor: pointer;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem.nowHover {
  background: #ffffff;
  opacity: 1;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox .exItem.nowHover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.m006BannerCarousel .bannerC .topChose .mainBox .allCateBox {
  width: 800px;
  height: 500px;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 280px;
  z-index: 3;
  padding: 25px 0 0;
}
.m006BannerCarousel .bannerC .topChose .mainBox .allCateBox .cateBox {
  display: flex;
}
.m006BannerCarousel .bannerC .topChose .mainBox .allCateBox .eiName {
  color: #333333;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  min-width: 120px;
  text-align: center;
}
.m006BannerCarousel .bannerC .topChose .mainBox .allCateBox .aaa {
  position: relative;
  margin: 0 20px 10px;
  height: 30px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  font-size: 16px;
}
.m006BannerCarousel .bannerC .topChose .mainBox .allCateBox .recommend::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 0px;
  width: 12px;
  height: 17px;
  background: url("/hot.png") center;
  background-size: 100% 100%;
}
.m006BannerCarousel .bannerC .topChose .mainBox .examInfoBox2,
.m006BannerCarousel .bannerC .topChose .mainBox .allCateBox2 {
  height: 720px;
}
.m006BannerCarousel .bannerC .banner-carouse {
  width: 100%;
  height: 500px;
  box-shadow: 0 2px 13px 0px rgba(139, 58, 247, 0.13);
  position: relative;
}
.m006BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li {
  height: 10px;
  width: 10px;
}
.m006BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li button {
  height: 10px;
  width: 10px;
  border-radius: 5px;
}
.m006BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li.slick-active {
  width: 25px;
}
.m006BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots li.slick-active button {
  width: 25px;
}
.m006BannerCarousel .bannerC .banner-carouse .img-banner-contianer {
  height: 500px;
  position: relative;
  overflow: hidden;
}
.m006BannerCarousel .bannerC .banner-carouse .img-banner-contianer .bannerA {
  text-align: center;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.m006BannerCarousel .bannerC .banner-carouse .img-banner-contianer .bannerNoa {
  width: 1920px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.m006BannerCarousel .bannerC .banner-carouse .ant-carousel .slick-dots-bottom {
  bottom: 35px;
}
.m006BannerCarousel .bannerC .banner-arrow {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -600px;
  width: 900px;
  height: 100px;
  padding-left: 300px;
  display: none;
}
.m006BannerCarousel .bannerC .banner-arrow .banner-carousel {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.m006BannerCarousel .bannerC:hover .banner-arrow {
  display: flex;
  justify-content: space-between;
  transition: opacity 0.5s;
}
.m006BannerCarousel .bannerC .loginBox {
  width: 280px;
  height: 400px;
  background: #FFFFFF;
  box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  position: absolute;
  top: 104px;
  right: calc((100vw - 1400px) / 2);
  padding: 30px 20px;
}
.m006BannerCarousel .bannerC .loginBox .t1 {
  display: flex;
  align-items: center;
}
.m006BannerCarousel .bannerC .loginBox .t1 .avator {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 10px;
}
.m006BannerCarousel .bannerC .loginBox .t1 .welcome {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.m006BannerCarousel .bannerC .loginBox .t2 {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.m006BannerCarousel .bannerC .loginBox .t2 .loginBtn {
  width: 100px;
  height: 31px;
  background: #3285FF;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #F5F7F9;
}
.m006BannerCarousel .bannerC .loginBox .t2 .registerBtn {
  width: 101px;
  height: 32px;
  border: 1px solid #3285FF;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.m006BannerCarousel .bannerC .loginBox .menuList {
  display: flex;
}
.m006BannerCarousel .bannerC .loginBox .menuList .menuItem {
  text-align: center;
  padding: 4px 12px;
}
.m006BannerCarousel .bannerC .loginBox .menuList .menuItem:hover {
  box-shadow: 0px 0px 10px 0px rgba(60, 132, 241, 0.4);
  border-radius: 10px;
}
.m006BannerCarousel .bannerC .loginBox .menuList .menuItem > img {
  width: 38px;
  height: 38px;
  margin-bottom: 8px;
}
.m006BannerCarousel .bannerC .loginBox .menuList .menuItem a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.m006BannerCarousel .bannerC .loginBox .myCourse {
  margin-top: 20px;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .tip1 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .tip2 {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .courseList .courseItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .courseList .courseItem > img {
  width: 20px;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .courseList .courseItem .courseName {
  width: 148px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .courseList .courseItem .toStudyBtn {
  cursor: pointer;
  padding: 2px 6px;
  text-align: center;
  border: 1px solid #3285FF;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #3285FF;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .noCourse {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .noCourse .noDataTip {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.m006BannerCarousel .bannerC .loginBox .myCourse .noCourse .toCourseBtn {
  margin-top: 20px;
  border: 1px solid #3285FF;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  color: #3285FF;
}
.m006BannerCarousel .ant-carousel .slick-dots {
  z-index: 0;
}
.m006BannerCarousel.innerWidth1200 .imgList {
  width: 925px;
  padding-left: 142px;
  margin: 3px auto 3px auto;
  display: flex;
}
.m006BannerCarousel.innerWidth1200 .imgList.oneList > a > img {
  width: 9220px;
  height: 218px;
}
.m006BannerCarousel.innerWidth1200 .imgList.twoList > a {
  margin-right: 9px;
}
.m006BannerCarousel.innerWidth1200 .imgList.twoList > a > img {
  width: 455px;
  height: 218px;
}
.m006BannerCarousel.innerWidth1200 .imgList.twoList > a:last-child {
  margin-right: 0;
}
.m006BannerCarousel.innerWidth1200 .imgList.threeList > a {
  margin-right: 10px;
}
.m006BannerCarousel.innerWidth1200 .imgList.threeList > a > img {
  width: 300px;
  height: 218px;
}
.m006BannerCarousel.innerWidth1200 .imgList.threeList > a:last-child {
  margin-right: 0;
}
.m006BannerCarousel.innerWidth1200 .bottomWider {
  width: 1200px;
  margin: 0 auto;
}
.m006BannerCarousel.innerWidth1200 .bottomWider > a > img {
  width: 100%;
  height: 140px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .banner-carouse .img-banner-contianer .bannerNoa {
  width: 1400px;
}
.m006BannerCarousel.innerWidth1200 .navBox {
  width: 1200px;
}
.m006BannerCarousel.innerWidth1200 .navBox .ant-menu {
  width: 984px;
}
.m006BannerCarousel.innerWidth1200 .bannerC {
  min-width: 1200px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .topChose {
  width: 1200px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .topChose .mainBox .banner-arrow {
  width: 700px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .topChose .mainBox .allCateBox {
  width: 600px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .right {
  width: 984px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .right .popularR > img,
.m006BannerCarousel.innerWidth1200 .bannerC .right .popularR a {
  margin-right: 58px;
}
.m006BannerCarousel.innerWidth1200 .bannerC .right .popularR > img:last-child,
.m006BannerCarousel.innerWidth1200 .bannerC .right .popularR a:last-child {
  margin-right: 0;
}
.m006BannerCarousel.innerWidth1200 .bannerC .loginBox {
  right: calc((100vw - 1200px) / 2);
}

.friendshipLinks {
  width: 100%;
  min-height: 50px;
  line-height: 50px;
  background: #313131;
  padding: 10px 0;
  border-bottom: 1px solid #ffffff;
}
.friendshipLinks .mainBody {
  min-height: 50px;
  line-height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}
.friendshipLinks .mainBody .left {
  color: #ffffff;
  width: 80px;
}
.friendshipLinks .mainBody ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  min-height: 50px;
}
.friendshipLinks .mainBody ul li {
  list-style: none;
  margin-left: 35px;
}
.friendshipLinks a {
  font-size: 14px;
  color: white;
}

.coursePage p {
  margin: 0;
  line-height: 12px;
}
.coursePage .cpTopBox {
  width: 100%;
  height: 900px;
  background-position: center;
  background-size: cover;
  padding-top: 206px;
}
.coursePage .cpTopBox .topMain {
  width: 1200px;
  margin: 0 auto;
}
.coursePage .cpTopBox .topMain .videoBody {
  width: 100%;
  height: 528px;
  background: #1b1b1b;
}
.coursePage .cpTopBox .topMain .videoBody .c_head {
  background: #1b1b1b;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .left {
  width: 828px;
  height: 64px;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .left .ant-menu {
  border-bottom: none;
  background: #1b1b1b;
  color: #ffffff;
  line-height: 64px;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item {
  border-right: 1px solid #3a3a3a;
  margin: 0;
  padding: 0 20px;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item:hover {
  color: #e1413e;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected {
  background: #e1413e;
  color: #fff;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .left .ant-menu .ant-menu-item-selected:hover {
  color: #fff;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .right {
  flex: 1;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .right .ant-select {
  width: 160px;
  color: #bfbfbf;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .right .ant-select .ant-select-selector {
  background: #1b1b1b !important;
  border: 1px solid #484848;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.coursePage .cpTopBox .topMain .videoBody .c_head .right .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.coursePage .cpTopBox .topMain .videoBody .c_body {
  height: 463px;
  display: flex;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left {
  flex: 1;
  height: 463px;
  position: relative;
  background: #000000;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .header {
  line-height: 30px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .playPianTou {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 995;
  background: #000;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .controls-item {
  width: 100%;
  height: 100%;
  background: #181616;
  display: flex;
  justify-content: center;
  align-items: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-text {
  color: #b3b2b2;
  margin-top: 10px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-dot i {
  background-color: #b3b2b2;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .other-way {
  display: flex;
  width: 1068px;
  height: 60px;
  background: #2b2b2b;
  margin-top: -5px;
  color: #fff;
  align-items: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .playFlagTrue {
  height: 100%;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 996;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse img {
  width: 100%;
  height: 100%;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  background-color: #1890ff;
  opacity: 0.8;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play:hover {
  color: #fff;
  background-color: #1890ff;
  opacity: 1;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .mask_body {
  width: 100%;
  height: 463px;
  background-color: #00000073;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .video_left .mask_body .mask_con {
  width: 570px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right {
  height: 463px;
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop {
  flex: 1;
  border-top: 1px solid #484848;
  display: flex;
  flex-direction: column;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav {
  margin-bottom: 0;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav::before {
  border-bottom: 1px solid #484848;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab {
  background: #282828;
  color: #cccccc;
  border-radius: unset;
  margin-right: 0;
  padding: 11px 24px;
  border-color: #484848 !important;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  border-left: none;
  border-top: none;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type {
  border-left: 1px solid #484848;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type.ant-tabs-tab-active {
  border-left: none;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active {
  background-color: #1b1b1b;
  border-bottom: none;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-select {
  width: 100%;
  color: #bfbfbf;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-selector {
  background: #282828 !important;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose {
  height: 45px;
  background-color: #282828;
  display: flex;
  justify-content: space-between;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left {
  width: 272px;
  height: 100%;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left:hover::-webkit-scrollbar {
  width: 0;
  height: 4px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #282828;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem {
  display: inline-block;
  width: 90px;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  font-size: 16px;
  font-weight: 400;
  color: #cccccc;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem.active {
  color: #fff;
  border-bottom: none;
  background-color: #1b1b1b;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .topChose .right {
  width: 100px;
  border-bottom: 1px solid #484848;
  border-left: 1px solid #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox {
  height: 418px;
  padding-top: 8px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header {
  padding: 8px 0 8px 36px;
  color: #9c9c9c;
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header:hover {
  color: #108ee9;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless {
  background: #1b1b1b;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .TC {
  text-align: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span {
  display: block;
  width: 70px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .checkTag {
  color: #fff;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .anticon-lock {
  font-size: 14px;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .learning {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #ff4a00;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .free {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #39b378;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .noSee {
  color: #9c9c9c !important;
}
.coursePage .cpTopBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.coursePage .cpTopBox .topMain .videoBody .nodata {
  font-size: 28px;
  line-height: 528px;
  text-align: center;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.coursePage .cpTopBox .topMain .infoBox {
  width: 1200px;
  height: 85px;
  background: url("/titleBg.png") no-repeat;
  background-size: cover;
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.coursePage .cpTopBox .topMain .infoBox .title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
}
.coursePage .cpTopBox .topMain .infoBox .infoDetail {
  display: flex;
  align-items: center;
}
.coursePage .cpTopBox .topMain .infoBox .infoDetail span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 28px;
}
.coursePage .cpTopBox .topMain .infoBox .infoDetail em {
  font-style: normal;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
  margin-right: 40px;
}
.coursePage .cpTopBox .topMain .infoBox .infoDetail .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  border-radius: 24px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.coursePage .course_body_one {
  width: 100%;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/coursePageOne.png") center 0 no-repeat, url("https://v.zaixue100.com/cloud-school/bg_img/coursePageTwo.png") center 1335px repeat-y;
  padding: 102px 0 30px;
}
.coursePage .course_body_one .oneMain {
  width: 1200px;
  margin: 0 auto;
}
.coursePage .course_body_one .oneMain .body_one_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_1 {
  width: 90px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: white;
  background: url("/sen_icon.png") no-repeat;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_2 .b_t_icon {
  color: #83a3ce;
  font-size: 20px;
  letter-spacing: 2px;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_2 .b_t_icon:first-of-type p {
  text-align: right;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_2 .b_t_title {
  font-size: 58px;
  color: white;
  margin: 0 35px;
  font-weight: bold;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_2 .b_t_color1 {
  color: #0c4a87;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_3 {
  font-size: 16px;
  color: #dddddd;
}
.coursePage .course_body_one .oneMain .body_one_title .b_t_color2 {
  color: #737896;
}
.coursePage .course_body_one .oneMain .packageBox {
  width: 1100px;
  height: 467px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(8, 8, 9, 0.13);
  border-radius: 12px;
  margin: 0 auto 50px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body {
  width: 1100px;
  height: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(8, 8, 9, 0.13);
  border-radius: 12px;
  margin: 0 auto 50px;
  display: flex;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title {
  width: 128px;
  border-radius: 12px;
  background-size: 100% 100%;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .left_top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .left_top span {
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
  line-height: 24px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .left_top .line {
  width: 36px;
  height: 5px;
  background: #ffffff;
  border-radius: 3px;
  margin-top: 10px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .packageName {
  width: 36px;
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  margin: 20px 0;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .left_bottom {
  cursor: pointer;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .left_bottom img {
  vertical-align: middle;
  margin-right: 8px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .left_title .left_bottom span {
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top {
  flex: 1;
  display: flex;
  padding-left: 42px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top div {
  flex: 1;
  padding-right: 10px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top div .title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding-left: 10px;
  margin-bottom: 10px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top div .title::after {
  content: "";
  width: 6px;
  height: 26px;
  background: #6482fe;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top div .item p {
  vertical-align: middle;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  position: relative;
  padding-left: 15px;
  margin: 15px 0;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top div .item p::after {
  content: "";
  width: 17px;
  height: 17px;
  background: url("/rowgou.png");
  position: absolute;
  top: 2px;
  left: 0;
  transform: translateX(-50%);
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .suit .item p {
  width: 135px;
  line-height: 18px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain {
  overflow-y: hidden;
  margin-right: 10px;
  max-height: 420px;
  padding-left: 0%;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #6482fe;
  line-height: 24px;
  margin-bottom: 6px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain .classname {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #4c4c4c;
  line-height: 24px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain .liveClassName {
  color: red;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain:hover {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto!important;
  overflow-x: hidden!important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain:hover::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain:hover::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #F5F5F5;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .contain:hover::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  background-color: #ECECEC;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .services p {
  line-height: 18px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .resources .littletitle,
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .services .littletitle {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #6482fe;
  line-height: 24px;
  margin-bottom: 6px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .resources .item p,
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .services .item p {
  line-height: 18px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_top .guarantee span {
  display: inline-block;
  border: 1px solid #6482fe;
  border-radius: 14px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
  color: #6482fe;
  line-height: 24px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom {
  height: 87px;
  background: #f0f3ff;
  border-radius: 12px 0px 12px 12px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding-right: 20px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .danke,
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .quanke {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  margin-right: 50px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .danke span,
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .quanke span {
  font-size: 20px;
  font-weight: 400;
  color: #f83e3e;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .rowBuy {
  width: 119px;
  height: 31px;
  background: #fd5163;
  border: unset;
  border-radius: 4px;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .t6-2,
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .t6-1 {
  width: 120px;
  height: 40px;
  background: #ff4a00;
  box-shadow: 0px 0px 8px 0px rgba(255, 74, 0, 0.4);
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  color: #fafafa;
  line-height: 40px;
  cursor: pointer;
}
.coursePage .course_body_one .oneMain .rowcourse-info-body .right_content .content_bottom .t6-1 {
  background: #fe9a02;
  box-shadow: 0px 0px 8px 0px rgba(255, 74, 0, 0.4);
  margin-right: 30px;
}
.coursePage .course_body_two {
  width: 100%;
  padding: 60px 0;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/coursePageThree.png") center 0 repeat;
}
.coursePage .course_body_two > div {
  height: 50%;
}
.coursePage .course_body_two .body_Two_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.coursePage .course_body_two .body_Two_title .b_t_1 {
  width: 90px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: white;
  background: url("/sen_icon.png") no-repeat;
}
.coursePage .course_body_two .body_Two_title .b_t_2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .course_body_two .body_Two_title .b_t_2 .b_t_icon {
  color: #83a3ce;
  font-size: 20px;
  letter-spacing: 2px;
}
.coursePage .course_body_two .body_Two_title .b_t_2 .b_t_icon:first-of-type p {
  text-align: right;
}
.coursePage .course_body_two .body_Two_title .b_t_2 .b_t_title {
  font-size: 58px;
  color: #0c4987;
  margin: 0 35px;
  font-weight: bold;
}
.coursePage .course_body_two .body_Two_title .b_t_2 .b_t_color1 {
  color: #0c4a87;
}
.coursePage .course_body_two .body_Two_title .b_t_color2 {
  color: #737896;
}
.coursePage .course_body_two .packageBox {
  margin-bottom: 60px;
}
.coursePage .course_body_two .packageTableBox,
.coursePage .course_body_two .classTableBox {
  width: 1200px;
  margin: 0 auto;
}
.coursePage .course_body_two .packageTableBox .pc_top,
.coursePage .course_body_two .classTableBox .pc_top {
  display: flex;
}
.coursePage .course_body_two .packageTableBox .pc_top .left,
.coursePage .course_body_two .classTableBox .pc_top .left {
  width: 130px;
  height: 52px;
  background: linear-gradient(90deg, #e9c584, #deb670, #e9c584);
  font-size: 22px;
  font-weight: bold;
  color: #b56302;
  line-height: 52px;
  text-align: center;
  margin-right: 17px;
}
.coursePage .course_body_two .packageTableBox .pc_top .right,
.coursePage .course_body_two .classTableBox .pc_top .right {
  flex: 1;
  border-bottom: 2px solid #ec8e87;
  display: flex;
}
.coursePage .course_body_two .packageTableBox .pc_top .right::-webkit-scrollbar,
.coursePage .course_body_two .classTableBox .pc_top .right::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.coursePage .course_body_two .packageTableBox .pc_top .right:hover::-webkit-scrollbar,
.coursePage .course_body_two .classTableBox .pc_top .right:hover::-webkit-scrollbar {
  width: 0;
  height: 6px;
}
.coursePage .course_body_two .packageTableBox .pc_top .right::-webkit-scrollbar-track,
.coursePage .course_body_two .classTableBox .pc_top .right::-webkit-scrollbar-track {
  border-radius: 3px;
}
.coursePage .course_body_two .packageTableBox .pc_top .right .pcType,
.coursePage .course_body_two .classTableBox .pc_top .right .pcType {
  flex-shrink: 0;
  min-width: 110px;
  padding: 0 10px;
  height: 50px;
  background: #ebebeb;
  border-radius: 2px 2px 0px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #3f3f3f;
  line-height: 50px;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
}
.coursePage .course_body_two .packageTableBox .pc_top .right .pcType.activeDiv,
.coursePage .course_body_two .classTableBox .pc_top .right .pcType.activeDiv {
  background: linear-gradient(0deg, #f64d30, #ee7b67);
  color: #fff;
}
.coursePage .course_body_two .packageTableBox .pc_table .leftName,
.coursePage .course_body_two .classTableBox .pc_table .leftName {
  width: 200px;
  font-size: 24px;
  font-weight: bold;
  color: #f35c41;
  line-height: 24px;
}
.coursePage .course_body_two .packageTableBox .pc_table .leftName span,
.coursePage .course_body_two .classTableBox .pc_table .leftName span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #282828;
  margin-top: 5px;
}
.coursePage .course_body_two .packageTableBox .pc_table .province,
.coursePage .course_body_two .classTableBox .pc_table .province {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.coursePage .course_body_two .packageTableBox .pc_table .ant-table-thead,
.coursePage .course_body_two .classTableBox .pc_table .ant-table-thead {
  box-shadow: 0px 0px 16px 0px rgba(128, 128, 128, 0.32);
}
.coursePage .course_body_two .packageTableBox .pc_table .ant-table-thead tr th,
.coursePage .course_body_two .classTableBox .pc_table .ant-table-thead tr th {
  background-color: #fff;
  border-right: none;
}
.coursePage .course_body_two .packageTableBox .pc_table th,
.coursePage .course_body_two .classTableBox .pc_table th,
.coursePage .course_body_two .packageTableBox .pc_table td,
.coursePage .course_body_two .classTableBox .pc_table td {
  text-align: center;
  font-weight: 400;
  color: #282828;
}
.coursePage .course_body_two .packageTableBox .pc_table td.textred,
.coursePage .course_body_two .classTableBox .pc_table td.textred {
  color: #ff4222;
}
.coursePage .course_body_two .packageTableBox .pc_table .tabBtn,
.coursePage .course_body_two .classTableBox .pc_table .tabBtn {
  display: block;
  width: 96px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  cursor: pointer;
  background: linear-gradient(90deg, #f64d30, #ee7b67);
  border-color: #ee7b67;
  border-radius: 16px;
  font-weight: 400;
  color: #ffff00 !important;
}
.coursePage .course_body_two .packageTableBox .pc_table .freeListen,
.coursePage .course_body_two .classTableBox .pc_table .freeListen {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ff4222;
}
.coursePage .course_body_two .packageTableBox .pc_table .freeListen img,
.coursePage .course_body_two .classTableBox .pc_table .freeListen img {
  margin-right: 4px;
}
.coursePage .course_body_two .classTableBox {
  margin-top: 65px;
}
.coursePage .course_body_three {
  width: 100%;
  height: 746px;
  background: #ffffff;
  padding-top: 84px;
}
.coursePage .course_body_three .threeMain {
  width: 1200px;
  margin: 0 auto;
}
.coursePage .course_body_three .body_three_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.coursePage .course_body_three .body_three_title .b_t_1 {
  width: 90px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: white;
  background: url("/sen_icon.png") no-repeat;
}
.coursePage .course_body_three .body_three_title .b_t_2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .course_body_three .body_three_title .b_t_2 .b_t_icon {
  color: #83a3ce;
  font-size: 20px;
  letter-spacing: 2px;
}
.coursePage .course_body_three .body_three_title .b_t_2 .b_t_icon:first-of-type p {
  text-align: right;
}
.coursePage .course_body_three .body_three_title .b_t_2 .b_t_title {
  font-size: 58px;
  color: white;
  margin: 0 35px;
  font-weight: bold;
}
.coursePage .course_body_three .body_three_title .b_t_2 .b_t_color1 {
  color: #0c4a87;
}
.coursePage .course_body_three .body_three_title .b_t_3 {
  font-size: 16px;
  color: #727796;
}
.coursePage .course_body_three .body_three_title .b_t_color2 {
  color: #737896;
}
.coursePage .course_body_three .cou_main {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  align-items: flex-end;
}
.coursePage .course_body_three .cou_main .item {
  background: #fefefe;
  box-shadow: 0 0 9px 0 rgba(22, 119, 205, 0.26);
  border-radius: 6px;
  padding: 30px 0 30px 0;
  width: 320px;
  margin-right: 32px;
}
.coursePage .course_body_three .cou_main .item:nth-of-type(1) {
  height: 308px;
}
.coursePage .course_body_three .cou_main .item:nth-of-type(2) {
  height: 376px;
}
.coursePage .course_body_three .cou_main .item:last-of-type {
  height: 285px;
  margin-right: 0;
}
.coursePage .course_body_three .cou_main .item .it_h {
  height: 78px;
  display: flex;
}
.coursePage .course_body_three .cou_main .item .it_h .le {
  width: 64px;
  background: linear-gradient(-90deg, #c49d60, #ac854d);
  box-shadow: 0px 0px 9px 0px rgba(22, 119, 205, 0.08);
  height: 78px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.coursePage .course_body_three .cou_main .item .it_h .le img {
  width: 37px;
  height: 37px;
}
.coursePage .course_body_three .cou_main .item .it_h .ri {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 78px;
  padding: 0 45px 0 25px;
  font-size: 28px;
  color: white;
  background: linear-gradient(-90deg, #156cc0, #1577cc);
  box-shadow: 0px 0px 9px 0px rgba(22, 119, 205, 0.48);
  border-radius: 0px 39px 39px 0px;
}
.coursePage .course_body_three .cou_main .item .it_b1 {
  margin-top: 34px;
  padding-left: 34px;
}
.coursePage .course_body_three .cou_main .item .it_b1 .timeline_dot {
  width: 17px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  background: url("/small_ba.png") no-repeat center center;
}
.coursePage .course_body_three .cou_main .item .it_b1 .ant-timeline-item-content {
  font-size: 16px;
  color: #ef5b3b;
  padding-left: 3px;
  padding-right: 40px;
}
.coursePage .course_body_three .cou_main .item .zixun {
  height: 48px;
  line-height: 48px;
  background: linear-gradient(-90deg, #e1423f, #fe5e4a);
  box-shadow: 0px 0px 9px 0px rgba(239, 79, 68, 0.53);
  border-radius: 24px;
  color: #fefefe;
  border-color: #fe5e4a;
  padding: 0 44px;
  margin: 0 auto;
  display: block;
}
.coursePage .course_body_four {
  width: 100%;
  height: 671px;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/coursePageLast.png") top center no-repeat;
  padding-top: 42px;
}
.coursePage .course_body_four .fourMain {
  width: 1200px;
  margin: 0 auto;
}
.coursePage .course_body_four .fourMain .body_four_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_1 {
  width: 90px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: white;
  background: url("/sen_icon.png") no-repeat;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_2 .b_t_icon {
  color: #83a3ce;
  font-size: 20px;
  letter-spacing: 2px;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_2 .b_t_icon:first-of-type p {
  text-align: right;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_2 .b_t_title {
  font-size: 58px;
  color: white;
  margin: 0 35px;
  font-weight: bold;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_2 .b_t_color1 {
  color: #fff;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_3 {
  font-size: 16px;
  color: #727796;
}
.coursePage .course_body_four .fourMain .body_four_title .b_t_color2 {
  color: #737896;
}
.coursePage .course_body_four .fourMain .bot_content {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.coursePage .course_body_four .fourMain .bot_content .item {
  width: 232px;
  height: 193px;
  position: relative;
  background: url("/adv_bag.png");
  margin-right: 10px;
}
.coursePage .course_body_four .fourMain .bot_content .item .p1 {
  font-size: 30px;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 23px;
  left: 11px;
}
.coursePage .course_body_four .fourMain .bot_content .item .p2 {
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 32px;
  left: 60px;
  text-shadow: 0 0px 3px rgba(164, 45, 26, 0.32);
}
.coursePage .course_body_four .fourMain .bot_content .item .p3 {
  position: absolute;
  top: 16px;
  right: 19px;
  width: 35px;
}
.coursePage .course_body_four .fourMain .bot_content .item .p4 {
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
}
.coursePage .course_body_four .fourMain .bot_content .item .content {
  color: #4c4c4c;
  width: 158px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-45%);
  line-height: 22px;
}
.coursePage .course_body_four .fourMain .bot_content .item:nth-of-type(1) .content {
  bottom: 56px;
}
.coursePage .course_body_four .fourMain .bot_content .item:nth-of-type(2) {
  transform: translateY(80px);
}
.coursePage .course_body_four .fourMain .bot_content .item:nth-of-type(4) {
  transform: translateY(80px);
}
.coursePage .course_body_four .fourMain .bot_content .item:nth-of-type(5) {
  margin-right: 0;
}
.coursePage .course_body_four .fourMain .bot_content .item:nth-of-type(5) .p2 {
  font-size: 14px;
  left: 52px;
}
.coursePage .course_body_four .fourMain .bot_content .item:nth-of-type(5) .content {
  width: 119px;
  bottom: 56px;
}
.coursePage .ant-menu-vertical {
  background: #1b1b1b;
  border: 1px solid #484848;
  color: #fff;
}
.coursePage .ant-menu-submenu-title:hover {
  color: #e1413e;
}
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #e1413e;
  border-bottom: 2px solid #e1413e;
}
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a,
.coursePage .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected a {
  color: #e1413e;
}
.coursePage .ant-menu-item:hover,
.coursePage .ant-menu-item-active,
.coursePage .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.coursePage .ant-menu-submenu-active,
.coursePage .ant-menu-submenu-title:hover,
.coursePage .ant-menu-item-selected {
  color: #e1413e;
}
.coursePage .ant-menu-item:hover a,
.coursePage .ant-menu-item-active a,
.coursePage .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open a,
.coursePage .ant-menu-submenu-active a,
.coursePage .ant-menu-submenu-title:hover a,
.coursePage .ant-menu-item-selected a {
  color: #e1413e;
}
.coursePage .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e1413e;
  color: #fff;
}
.dropDownBox {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.dropDownBox .ant-select-item-option {
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #fff;
  background: #e1413e;
}

.dlsApply {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dlsApply .pageHeader {
  width: 1200px;
  height: 105px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin: 0 auto;
}
.dlsApply .pageHeader .logoImg {
  width: 140px;
  height: 40px;
  object-fit: convert;
}
.dlsApply .pageHeader .line {
  width: 1px;
  height: 60px;
  background: linear-gradient(0deg, #ffffff, #dcdcdc, #ffffff);
  margin: 0 30px;
}
.dlsApply .pageContent {
  min-width: 1200px;
  background-color: #f5f8ff;
  padding: 50px 300px;
}

.download .navigationBox {
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.download .navigationBox .ant-breadcrumb,
.download .navigationBox > span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #aaaaaa;
}
.download .pageContent {
  min-width: 1200px;
  height: calc(100vh - 300px);
  min-height: 640px;
  background: url(/appDownload.png) no-repeat center top;
}
.download .pageContent .actionContent {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.download .pageContent .actionContent .downloadBox {
  position: absolute;
  width: 560px;
  right: 100px;
  top: 250px;
}
.download .pageContent .actionContent .downloadBox > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.download .pageContent .actionContent .downloadBox > div .qrCodeBox {
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.download .pageContent .actionContent .downloadBox > div .qrCodeBox .qrImgBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.download .pageContent .actionContent .downloadBox > div .qrCodeBox .qrImgBox .qrImg {
  width: 140px;
  height: 140px;
  margin-bottom: 40px;
  border-radius: 4px;
  border: 3px solid #ff7d0aff;
}
.download .pageContent .actionContent .downloadBox > div .qrCodeBox .qrImgBox Button {
  border: 1px solid #f2633e;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  width: 220px;
  height: 60px;
  background: #f2633e;
  border-radius: 30px;
}
.download .pageContent .actionContent .downloadBox > div .qrCodeBox .qrImgBox Button > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.download .pageContent .actionContent .downloadBox > div .qrCodeBox .qrImgBox Button > div .downloadImg {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}

.examCalendar {
  height: calc(100vh - 220px);
  background: url('/exam_calendar.png') no-repeat;
  background-size: cover;
  position: relative;
}
.examCalendar .year {
  width: 1000px;
  position: absolute;
  top: 21%;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 9.2%;
  font-size: 52px;
  font-weight: bold;
  color: #239AFF;
}
.examCalendar .selectBox {
  width: 1000px;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
}
.examCalendar .selectBox .calendarIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.examCalendar .selectBox .dateSelect {
  width: 189px;
  height: 40px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  padding-left: 50px;
  padding-right: 10px;
}
.examCalendar .selectBox .dateSelect:focus {
  outline: none;
}
.examCalendar .pageContent {
  width: 1000px;
  background: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}
.examCalendar .pageContent .headerBox {
  display: flex;
  align-items: center;
  height: 108px;
  padding-left: 55px;
  padding-right: 36px;
  border-bottom: 1px solid #399FF6;
}
.examCalendar .pageContent .headerBox .current {
  width: 120px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  margin-right: 40px;
}
.examCalendar .pageContent .headerBox .current .count {
  font-size: 63px;
  font-weight: bold;
  color: #399FF6;
  margin-right: 10px;
}
.examCalendar .pageContent .headerBox .monthBox {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.examCalendar .pageContent .headerBox .monthBox .month {
  height: 108px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.examCalendar .pageContent .headerBox .monthBox .month .top {
  height: 72px;
  position: relative;
  width: 60px;
  border-radius: 0px 0px 8px 8px;
  font-size: 18px;
  font-weight: 400;
  color: #555555;
  cursor: pointer;
}
.examCalendar .pageContent .headerBox .monthBox .month .top .monthValue {
  position: absolute;
  width: 50px;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.examCalendar .pageContent .headerBox .monthBox .month .top:hover {
  color: #5EB8F6;
}
.examCalendar .pageContent .headerBox .monthBox .month .selected {
  background: linear-gradient(0deg, #239AFF, #5EB8F6);
  color: #FFFFFF;
}
.examCalendar .pageContent .headerBox .monthBox .month .selected:hover {
  color: #FFFFFF;
}
.examCalendar .pageContent .headerBox .monthBox .month .bottom {
  flex: 1;
  position: relative;
}
.examCalendar .pageContent .headerBox .monthBox .month .bottom::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: #D8D8D8;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  top: 10px;
}
.examCalendar .pageContent .tableBox {
  padding: 30px;
}
.examCalendar .pageContent .tableBox .thCenter {
  text-align: center;
}
.examCalendar .pageContent .tableBox .detail {
  color: #36A4FC;
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .examCalendar .year {
    top: 24%;
    padding-left: 260px;
    font-size: 38px;
  }
  .examCalendar .pageContent {
    top: 39%;
  }
  .examCalendar .pageContent .headerBox {
    display: flex;
    align-items: center;
    height: 68px;
    padding-left: 55px;
    padding-right: 36px;
    border-bottom: 1px solid #399FF6;
  }
  .examCalendar .pageContent .headerBox .current {
    width: 120px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin-right: 40px;
  }
  .examCalendar .pageContent .headerBox .current .count {
    font-size: 53px;
    font-weight: bold;
    color: #399FF6;
    margin-right: 10px;
  }
  .examCalendar .pageContent .headerBox .monthBox {
    flex: 1;
    display: flex;
    justify-content: space-between;
  }
  .examCalendar .pageContent .headerBox .monthBox .month {
    height: 68px;
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .examCalendar .pageContent .headerBox .monthBox .month .top {
    height: 50px;
    position: relative;
    width: 60px;
    border-radius: 0px 0px 8px 8px;
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    cursor: pointer;
  }
  .examCalendar .pageContent .headerBox .monthBox .month .top .monthValue {
    position: absolute;
    width: 50px;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
  }
  .examCalendar .pageContent .headerBox .monthBox .month .top:hover {
    color: #5EB8F6;
  }
  .examCalendar .pageContent .headerBox .monthBox .month .selected {
    background: linear-gradient(0deg, #239AFF, #5EB8F6);
    color: #FFFFFF;
  }
  .examCalendar .pageContent .headerBox .monthBox .month .selected:hover {
    color: #FFFFFF;
  }
  .examCalendar .pageContent .headerBox .monthBox .month .bottom {
    flex: 1;
    position: relative;
  }
  .examCalendar .pageContent .headerBox .monthBox .month .bottom::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #D8D8D8;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: 4px;
  }
  .examCalendar .pageContent .tableBox {
    padding: 10px;
  }
}
.conditionModal .content p {
  margin-bottom: 0;
}
.conditionModal .content img {
  max-width: 100%;
}

.paginationItem {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
.paginationItem .ant-pagination-item:hover {
  border-color: #62A9FF;
}
.paginationItem .ant-pagination-item:hover a {
  color: #62A9FF;
}
.paginationItem .ant-pagination-item-active {
  background: #62A9FF;
  color: white;
  border-color: #62A9FF;
}
.paginationItem .ant-pagination-item-active:hover a {
  color: white;
}
.paginationItem .ant-pagination-item-active a {
  color: white;
}

.informationPages {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.informationPagesMain {
  width: 1200px;
  margin: 0 auto;
}
.informationPagesMain .examSelectBox {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
}
.informationPagesMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 0 30px 0;
}
.informationPagesMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.informationPagesMain .examSelectBox .tBox .leftLabel {
  width: 50px;
  margin: 10px 0;
  font-weight: bold;
  color: #222222;
  text-align: right;
}
.informationPagesMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px 0;
}
.informationPagesMain .examSelectBox .tBox .rightCont .itemCard {
  color: #6b6b6b;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px;
  margin-right: 10px;
  margin-bottom: 4px;
}
.informationPagesMain .examSelectBox .tBox .rightCont .itemCard:hover {
  color: #62a9ff;
}
.informationPagesMain .examSelectBox .tBox .rightCont .active {
  color: #62a9ff;
}
.informationPagesMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.informationPagesMain .informationBox {
  background: #ffffff;
  margin-top: 14px;
  padding-bottom: 44px;
}
.informationPagesMain .informationBox .informationList {
  margin-bottom: 50px;
}
.informationPagesMain .informationBox .informationList .informationItem {
  height: 46px;
  padding: 0 39px 0 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  border-bottom: 1px solid #D7D7D7;
}
.informationPagesMain .informationBox .informationList .informationItem .title {
  position: relative;
  padding-left: 10px;
}
.informationPagesMain .informationBox .informationList .informationItem .title::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #333333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.informationPagesMain .informationBox .informationList .informationItem .isToday {
  color: #ff5353;
}
.informationPagesMain .no-data {
  text-align: center;
  margin-top: 40px;
}
.informationPagesMain .no-data .title {
  margin-top: 30px;
}

.informationDetailPages {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.informationDetailPagesMain {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.informationDetailPagesMain .leftContent {
  background: #FFFFFF;
}
.informationDetailPagesMain .leftContent .navigationBox {
  padding: 9px 0 0 9px;
  margin-bottom: 31px;
  display: flex;
  align-items: center;
}
.informationDetailPagesMain .leftContent .navigationBox .ant-breadcrumb,
.informationDetailPagesMain .leftContent .navigationBox > span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #AAAAAA;
}
.informationDetailPagesMain .leftContent .mainBox {
  padding: 0 30px 0 30px;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox {
  padding-bottom: 32px;
  border-bottom: 1px solid #EEEEEE;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .title {
  margin-top: 31px;
  margin-bottom: 24px;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #080808;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #888888;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .lefInfo > span {
  margin-right: 20px;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation {
  color: #333333;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .store {
  margin-right: 24px;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .store > span,
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .prise > span,
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .store > img,
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .prise > img {
  vertical-align: middle;
}
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .store img,
.informationDetailPagesMain .leftContent .mainBox .titleBox .infoBox .rightOperation .prise img {
  width: 17px;
  margin-left: 7px;
  cursor: pointer;
}
.informationDetailPagesMain .leftContent .mainBox .content {
  padding: 27px 11px 47px 4px;
}
.informationDetailPagesMain .leftContent .mainBox .content p {
  margin-bottom: 0;
}
.informationDetailPagesMain .leftContent .mainBox .content img {
  max-width: 100%;
}
.informationDetailPagesMain .right .relatedInformation {
  margin-bottom: 17px;
  background: #FFFFFF;
}
.informationDetailPagesMain .right .relatedInformation .top {
  height: 42px;
  padding: 0 15px;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.informationDetailPagesMain .right .relatedInformation .top .refresh > span,
.informationDetailPagesMain .right .relatedInformation .top .refresh > img {
  vertical-align: middle;
}
.informationDetailPagesMain .right .relatedInformation .top .refresh > img {
  width: 17px;
  margin-left: 8px;
  cursor: pointer;
  transition: 1s;
}
.informationDetailPagesMain .right .relatedInformation .ifList {
  padding: 0 13px;
}
.informationDetailPagesMain .right .relatedInformation .ifList .ifItem {
  padding: 12px 0 17px 0;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  border-bottom: 1px solid #EEEEEE;
}
.informationDetailPagesMain .right .relatedInformation .ifList .ifItem:last-child {
  border-bottom: 0;
}
.informationDetailPagesMain .right .relatedInformation .ifList .ifItem .title {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
}
.informationDetailPagesMain .right .relatedInformation .ifList .ifItem .basicInfo {
  margin-bottom: 14px;
}
.informationDetailPagesMain .right .relatedInformation .ifList .ifItem .basicInfo > span {
  margin-right: 10px;
}
.informationDetailPagesMain .right .relatedInformation .ifList .ifItem .basicInfo .author {
  margin-left: 10px;
}
.informationDetailPagesMain .right .relatedRecommend {
  background: #FFFFFF;
}
.informationDetailPagesMain .right .relatedRecommend .top {
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  border-bottom: 1px solid #EEEEEE;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList {
  padding: 13px 20px;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem {
  display: block;
  border-radius: 6px;
  margin-bottom: 15px;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem:hover {
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem:last-child {
  margin-bottom: 0;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .imgBox {
  height: 166px;
  background-size: 100% 100%;
  border-radius: 6px 6px 0 0;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox {
  padding: 11px 16px 11px 12px;
  border: 1px solid #EEEEEE;
  border-radius: 0 0 6px 6px;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .priceBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .priceBox .leftCount {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .priceBox .leftCount > span,
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .priceBox .leftCount > img {
  vertical-align: middle;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .priceBox .leftCount > img {
  margin-right: 8px;
}
.informationDetailPagesMain .right .relatedRecommend .recommendList .recommendItem .bottomBox .priceBox .rightPrice {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #F05E58;
}
.informationDetailPagesMain .no-data {
  text-align: center;
  margin-top: 40px;
}
.informationDetailPagesMain .no-data .title {
  margin-top: 30px;
}

.informationDownload {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.informationDownload p {
  margin: 0;
}
.informationDownload .informationPagesMain {
  width: 1200px;
  margin: 0 auto;
  border-radius: 6px;
}
.informationDownload .informationPagesMain .eachInformation {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 40px;
  border-top: 1px solid #ECECEC;
}
.informationDownload .informationPagesMain .eachInformation .info_left {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
}
.informationDownload .informationPagesMain .eachInformation .info_right {
  margin-left: 20px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.informationDownload .informationPagesMain .eachInformation .info_right .mbName {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.informationDownload .informationPagesMain .eachInformation .info_right .downloadBtn {
  width: 86px;
  height: 36px;
  background: #F6FFFB;
  border: 1px solid #2AD8A4;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #2AD8A4;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
}
.informationDownload .informationPagesMain .eachInformation:nth-child(1) {
  border-top: none;
}

.liveVideo {
  height: calc(100vh - 80px);
  overflow: hidden;
  display: flex;
}
.liveVideo .talkfun_frame {
  position: relative !important;
  border: 0;
}
.liveVideo .payer-video {
  flex: 1;
}
.liveVideo .payer-video .p-header {
  background: #303030;
  line-height: 46px;
  font-size: 18px;
  color: #fff;
  padding-left: 24px;
}
.liveVideo .payer-video .p-body {
  height: calc(100% - 46px);
  position: relative;
}
.liveVideo .payer-video .p-body .onlinePlay {
  height: 100%;
  background: url("https://v.zaixue100.com/ZX_img/live/liveCover.png");
  background-size: 100% 100%;
  padding-top: 350px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 888;
}
.liveVideo .payer-video .p-body .onlinePlay .t1 {
  font-size: 20px;
  font-weight: bold;
  color: white;
}
.liveVideo .payer-video .p-body .onlinePlay .btn {
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);
  border-color: #ffffff;
  border-radius: 6px;
  color: #62a9ff;
  font-size: 16px;
  font-weight: bold;
  margin: 30px auto;
}
.liveVideo .payer-video .p-body .mask_body {
  width: 100%;
  height: 100%;
  background-color: #00000073;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.liveVideo .payer-video .p-body .mask_body .mask_con {
  width: 570px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.liveVideo .chatRoom {
  width: 20%;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.liveVideo .chatRoom .chatRoomHeader {
  background: #fafafa;
  height: 46px;
  color: #888888;
  padding-left: 16px;
  line-height: 46px;
}
.liveVideo .chatRoom .message {
  height: 100%;
  padding: 15px 12px 20px;
  overflow: auto;
  color: #fff;
  background: #fff;
}
.liveVideo .chatRoom .message .noKaiShi {
  color: #404040;
  display: none;
}
.liveVideo .chatRoom .message .noKaiShi .countdown {
  display: flex;
}
.liveVideo .chatRoom .message .msgItem {
  display: flex;
  margin-bottom: 20px;
}
.liveVideo .chatRoom .message .msgItem img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 12px;
}
.liveVideo .chatRoom .message .msgItem .name {
  color: #525252;
  margin-right: 5px;
  line-height: 38px;
}
.liveVideo .chatRoom .message .msgItem .msgTitle {
  padding-top: 9px;
  flex: 1;
  color: #404040;
}
.liveVideo .chatRoom .textAreaBox {
  background: #414141;
  padding: 14px 8px;
  display: flex;
  align-items: center;
}
.liveVideo .chatRoom .textAreaBox .textArea {
  resize: none;
  border-radius: 0;
  background: #2b2b2b;
  color: #fff;
  border: 0;
  outline: none;
}
.liveVideo .chatRoom .textAreaBox .btn {
  margin-left: 8px;
}
.videoKill .ant-modal-body {
  color: #1c1f21;
  font-size: 16px;
}
.videoKill .ant-modal-body .t1 {
  text-align: center;
  margin-bottom: 30px;
}
.videoKill .ant-modal-body .t2 {
  width: 250px;
  margin: 0 auto 10px;
}
.videoKill .ant-modal-body .t3 {
  width: 250px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
}
.videoKill .ant-modal-body .t3 .ansInt {
  flex: 1;
}
.videoKill .ant-modal-body .btnBox {
  text-align: center;
}
.videoKill .ant-modal-body .subBtn {
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  width: 130px;
  background: #f20d0d;
  border-color: #f20d0d;
}

.testLogin .formBox {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 300px;
}
.testLogin .topHead {
  width: 100%;
  height: 90px;
  background: #027db4;
}
.testLogin .topHead .logoBox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.testLogin .topHead .logo {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 110px;
  height: 40px;
}
.testLogin .topHead .logo img {
  width: 100%;
  height: 100%;
}
.testLogin .topHead p {
  margin: 0;
  font-size: 22px;
  color: #f2f2f2;
  text-align: center;
  line-height: 90px;
}
.testLogin .content {
  width: 1135px;
  height: 458px;
  margin: 0 auto;
  background: #ffffff;
  border: 2px solid #027db4;
  border-radius: 8px;
  margin-top: 125px;
  padding-left: 270px;
  padding-top: 84px;
}
.testLogin .content .inputBox {
  display: flex;
  margin-bottom: 44px;
}
.testLogin .content .inputBox span {
  display: block;
  width: 200px;
  font-size: 28px;
  font-weight: 400;
  color: #555555;
}
.testLogin .content .inputBox input {
  font-size: 26px;
  font-weight: 400;
  color: #f1452d;
}
.testLogin .content .actionBox {
  padding-left: 200px;
}
.testLogin .content .actionBox .login {
  width: 130px;
  height: 40px;
  background: linear-gradient(-90deg, #f45125, #f0432f);
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
  border-radius: 4px;
  border-color: #f45125;
  color: #fff;
  margin-right: 76px;
}
.testLogin .content .actionBox .reset {
  width: 130px;
  height: 40px;
  background: #f59a23;
  box-shadow: 0px 0px 10px 0px rgba(245, 154, 35, 0.44);
  border-radius: 4px;
  border-color: #f59a23;
  color: #fff;
}
.testLogin .content p {
  padding-left: 100px;
  margin-top: 70px;
  font-size: 14px;
  color: #6f6f6f;
}

.mechanismSettle {
  width: 100vw;
  height: 100vh;
  background: url("/settleBg.png") no-repeat;
}
.mechanismSettle .pageHeader {
  width: 1130px;
  height: 105px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.mechanismSettle .pageHeader .logoImg {
  width: 140px;
  height: 40px;
  object-fit: convert;
}
.mechanismSettle .pageHeader .line {
  margin: 0 30px;
}
.mechanismSettle .pageContent {
  width: 1130px;
  background-color: #fff;
  padding: 50px 200px 50px 170px;
  margin: 0 auto;
  border-radius: 10px;
}
.mechanismSettle .pageContent .goLoginDiv {
  padding-top: 30px;
  text-align: center;
}
.mechanismSettle .pageContent .goLoginDiv .goLogin {
  color: #277ef6;
  text-align: center;
}

.notifyPageDetails {
  padding-top: 100px;
}
.notifyPageDetails .title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  line-height: 20px;
}
.notifyPageDetails .time {
  color: #666666;
  line-height: 21px;
  text-align: right;
}
.notifyPageDetails .content {
  font-size: 18px;
  color: #222222;
  margin-bottom: 20px;
}
.notifyPageDetails .content img {
  max-width: 100%;
}

.packageDetailHJX {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.packageDetailHJX p {
  margin: 0;
}
.packageDetailHJX .packageDetailMain {
  width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
}
.packageDetailHJX .packageDetailMain .topBox {
  width: 100%;
  background: #ffffff;
  margin-bottom: 55px;
  padding: 38px 36px 40px 38px;
  display: flex;
  align-items: center;
}
.packageDetailHJX .packageDetailMain .topBox .left {
  margin-right: 36px;
}
.packageDetailHJX .packageDetailMain .topBox .left img {
  width: 461px;
  height: 263px;
  border-radius: 6px;
}
.packageDetailHJX .packageDetailMain .topBox .right {
  flex: 1;
  height: 263px;
  position: relative;
}
.packageDetailHJX .packageDetailMain .topBox .right .r_top {
  font-size: 26px;
  color: #1a1a1a;
  line-height: 48px;
}
.packageDetailHJX .packageDetailMain .topBox .right .r_info {
  width: 638px;
  background: #f8f8f8;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 12px 19px;
  display: flex;
  align-items: center;
  color: #666666;
}
.packageDetailHJX .packageDetailMain .topBox .right .r_info img {
  margin-right: 10px;
}
.packageDetailHJX .packageDetailMain .topBox .right .r_info1 {
  margin-bottom: 20px;
  margin-top: 10px;
  color: #666666;
  display: flex;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox p {
  font-size: 30px;
  font-weight: 400;
  color: #f82f2f;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox .t1 {
  font-size: 24px;
  color: #f82f2f;
  margin-right: 20px;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox .t2 {
  font-size: 24px;
  font-weight: 400;
  text-decoration: line-through;
  color: #9E9E9E;
  margin-right: 20px;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox .t4 {
  margin-right: 20px;
  font-size: 24px;
  color: #2ad8a4;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox .t3 {
  flex: 1;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  box-shadow: 0px 0px 6px 0px rgba(243, 78, 40, 0.4);
  border-radius: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 48px;
  cursor: pointer;
}
.packageDetailHJX .packageDetailMain .topBox .right .priceBox .studyBtn {
  background: #2ad8a4;
  box-shadow: 0px 0px 6px 0px rgba(42, 216, 164, 0.4);
}
.packageDetailHJX .packageDetailMain .bottomBox {
  width: 100%;
  margin: 0 auto;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .tabBox {
  flex: 1;
  background-color: #fff;
  overflow: hidden;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .ant-tabs-nav::before {
  border-bottom: 4px solid #f0f0f0;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 3px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab {
  margin-right: 50px;
  padding: 18px 0;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  width: 94px;
  text-align: center;
  font-size: 16px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab-active {
  color: #3c84f1;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .detailBox {
  padding: 15px 32px 30px 28px;
  min-height: 500px;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .detailBox::-webkit-scrollbar {
  width: 0 !important;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .detailBox .content img {
  width: 100%;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox {
  padding: 0 16px 20px;
  min-height: 500px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse-header {
  padding: 8px 0 8px 8px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
  background-color: #fff;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse-header:hover {
  color: #108ee9;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox > .ant-collapse > .ant-collapse-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox > .ant-collapse > .ant-collapse-item.pdd > .ant-collapse-header {
  border-bottom: none;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox > .ant-collapse > .ant-collapse-item-active > .ant-collapse-header {
  background-color: #F7F7F7;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse-content {
  background-color: #fff;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse-content .ant-collapse-header {
  background-color: #fff;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse-content .ant-collapse-item {
  border-bottom: 0;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .ant-collapse {
  background-color: #fff !important;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .pdd {
  padding-left: 40px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .pdd:last-of-type .ant-collapse-header {
  border-bottom: 0;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .pdd .ant-collapse-header {
  background-color: #fff !important;
  border-bottom: 1px dashed #d9d9d9;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterHeader {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .img1 {
  margin-right: 8px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterChild {
  display: flex;
  padding-right: 12px;
  justify-content: space-between;
  align-items: center;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterChild .sectionName {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterChild .free {
  display: inline-block;
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  border-radius: 11px;
  background: #3C84F1;
  padding: 0 15px;
  margin-left: 10px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterChild .free1 {
  background: #FFA200;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterChild .downBtn {
  display: inline-block;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  border-radius: 11px;
  background: #3C84F1;
  padding: 0 15px;
  margin-right: 10px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .chapterChild .anticon {
  margin-right: 6px;
  font-size: 16px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .example {
  font-size: 16px;
  text-align: center;
  border-bottom: 0;
  line-height: 100px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .chapterBox .example .ant-collapse-header {
  padding-top: 100px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody {
  padding: 0 20px 10px;
  background: #fff;
  width: 280px;
  margin-left: 20px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody .questionBodyH {
  color: #171920;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid #EFEFF0;
  font-weight: bold;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody .ant-collapse-header {
  padding: 10px 0;
  background: #fff;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody .ant-collapse-header img {
  margin-right: 5px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody .ant-collapse-content-box {
  padding: 0 12px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody .ant-collapse-item {
  border-bottom: 0;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .questionBody .content {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  color: #9598A2;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation {
  padding: 30px;
  min-height: 500px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle {
  display: flex;
  justify-content: space-between;
  padding-right: 39px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .left {
  display: flex;
  align-items: center;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .title {
  width: 89px;
  height: 18px;
  position: relative;
  margin-right: 15px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .title .lineBg {
  position: absolute;
  bottom: -4px;
  width: 89px;
  height: 14px;
  background: #cee2ff;
  border-radius: 7px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .title p {
  width: 89px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  text-align: center;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .left .numText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 30px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .right {
  cursor: pointer;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .topTitle .right .actionBtn {
  width: 66px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #f4cd2a;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f4cd2a;
  line-height: 30px;
  cursor: pointer;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent {
  padding: 0 39px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left {
  flex: 1;
  display: flex;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left .itemContent .commentText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .left .itemContent .commentText:first-of-type {
  margin-bottom: 10px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .evaItem .right {
  width: 16%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.packageDetailHJX .packageDetailMain .bottomBox .bottomMain .packageEvaluation .evaContent .noEva {
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
}
.downloadModal .addComment {
  padding-top: 30px;
}
.downloadModal .addComment textarea.ant-input {
  min-height: 220px;
  resize: none;
  outline: none;
}
.downloadModal .addComment textarea.ant-input:hover,
.downloadModal .addComment textarea.ant-input:focus,
.downloadModal .addComment textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.downloadModal .addComment .btnBox {
  display: flex;
  align-items: center;
  margin-top: 36px;
}
.downloadModal .addComment .btnBox .tab_btn {
  width: 100px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca6f1, #3c83f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
  color: #ffffff;
  margin: 0 auto;
}

.packageDetailsHJX {
  background-color: #f5f7f9;
  padding-bottom: 32px;
  min-height: calc(100vh - 221px);
}
.packageDetailsHJX p {
  margin: 0;
}
.packageDetailsHJX .packagePagesMain {
  width: 1200px;
  margin: 0 auto;
  background: #ffffff;
}
.packageDetailsHJX .packagePagesMain .examSelectBox {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 18px;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 20px 30px;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox .leftLabel {
  width: 50px;
  font-weight: bold;
  text-align: right;
  font-size: 14px;
  color: #333333;
  padding: 10px 0 6px;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px 0;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox .rightCont .itemCard {
  color: #6b6b6b;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 400;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox .rightCont .active {
  background: #fff5d9;
  border-radius: 2px;
  color: #ffc32d !important;
}
.packageDetailsHJX .packagePagesMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.packageDetailsHJX .packagePagesMain .collapseBox {
  min-height: 475px;
  padding: 24px 64px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .kongBox {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.packageDetailsHJX .packagePagesMain .collapseBox .kongBox img {
  margin-bottom: 10px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterFirHeaderbox {
  margin-bottom: 20px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterFirHeaderbox > .ant-collapse-header {
  background: #f6f6f5;
  border-radius: 2px;
  position: relative;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterFirHeaderbox > .ant-collapse-header .chapterHeader {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterFirHeaderbox .ant-collapse-content-box {
  padding: 16px 0 0 16px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterFirHeaderbox > .ant-collapse-header::before {
  position: absolute;
  width: 5px;
  height: 21px;
  background: #ffc32d;
  left: 0;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterSecHeaderbox > .ant-collapse-header {
  background: #ffffff;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterSecHeaderbox .ant-collapse-content-box {
  padding: 16px 0 0 0;
}
.packageDetailsHJX .packagePagesMain .collapseBox .chapterSecHeaderbox > .ant-collapse-header::before {
  display: none;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd {
  border-top: 1px solid #d2d2d2;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .ant-collapse-content,
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .ant-collapse-content-active {
  display: none;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .sectionName .sectionInfo {
  display: flex;
  align-items: center;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .sectionName .sectionInfo .title {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .sectionName .time {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 10px;
  margin-left: 45px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .sectionName .time1 {
  color: #2e71f3;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .actionBox {
  display: flex;
  align-items: center;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .actionBox .free {
  padding: 6px 15px;
  background: #f0f3fd;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #2e71f3;
  cursor: pointer;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .actionBox .free .img {
  width: 16px;
  height: 16px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .actionBox .free span {
  padding-left: 5px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .pdd .chapterChild .actionBox .free1 {
  margin-left: 40px;
}
.packageDetailsHJX .packagePagesMain .collapseBox .hiddenPdd {
  display: none;
}

.partnership {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.partnership .pageHeader {
  width: 1200px;
  height: 105px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin: 0 auto;
}
.partnership .pageHeader .logoImg {
  width: 140px;
  height: 40px;
  object-fit: convert;
}
.partnership .pageHeader .line {
  width: 1px;
  height: 60px;
  background: linear-gradient(0deg, #ffffff, #dcdcdc, #ffffff);
  margin: 0 30px;
}
.partnership .pageContent {
  min-width: 1200px;
  background-color: #f5f8ff;
  padding: 50px 300px;
}

.payPages {
  background-color: #f5f7f9;
  padding-bottom: 78px;
  min-height: calc(100vh - 221px);
}
.payPagesMain {
  width: 1200px;
  margin: 0 auto;
}
.payPagesMain .shopInformation {
  background: #FFFFFF;
  padding: 26px 20px 26px 26px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.payPagesMain .shopInformation .leftBox {
  display: flex;
  align-items: center;
  width: 500px;
}
.payPagesMain .shopInformation .leftBox .coverImg {
  width: 173px;
  height: 98px;
  margin-right: 24px;
}
.payPagesMain .shopInformation .leftBox .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.payPagesMain .shopInformation .rightBox {
  display: flex;
  align-items: center;
}
.payPagesMain .shopInformation .rightBox .title {
  color: #787878;
}
.payPagesMain .shopInformation .rightBox .shouldPrice {
  font-size: 20px;
  font-weight: bold;
  color: #F0432F;
}
.payPagesMain .moduleTitle {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 13px;
}
.payPagesMain .payTypeBox {
  background: #FFFFFF;
  height: 112px;
  padding-left: 23px;
  display: flex;
  align-items: center;
  overflow-x: auto;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.payPagesMain .payTypeBox::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.payPagesMain .payTypeBox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background-color: #f5f5f5;
}
.payPagesMain .payTypeBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.payPagesMain .payTypeBox .item {
  min-width: 143px;
  height: 65px;
  margin-right: 23px;
  cursor: pointer;
  position: relative;
}
.payPagesMain .payTypeBox .aliPay {
  background: url("/aliPay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .aliPayUrl {
  background: url("/aliPayUrl.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .weChatPay {
  background: url("/wechat_pay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .weChatPayUrl {
  background: url("/weChatPayUrl.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .bankPay {
  background: url("/bankPay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .balancePay {
  background: url("/balancePay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .balancePay .rightBalance {
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
}
.payPagesMain .payTypeBox .quickPay {
  background: url("/quickPay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .convergenceWxPay {
  background: url("/convergenceWxPay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .convergenceZfbPay {
  background: url("/convergenceZfbPay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .huijuQuickPay {
  background: url("/huijuQuickPay.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .payTypeBox .selected::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 143px;
  height: 65px;
  background: url("/pay_select.png") no-repeat;
  background-size: 100% 100%;
}
.payPagesMain .settleBox {
  background: #FFFFFF;
  margin-top: 5px;
}
.payPagesMain .settleBox .purchaseBtn {
  width: 180px;
  height: 45px;
  background: linear-gradient(90deg, #F65721, #F0432F);
  border-radius: 2px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.payPagesMain .settleBox .purchaseBtn:hover {
  border-color: #F0432F;
}
.payPagesMain .settleBox .priceBox {
  height: 129px;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 0 19px;
}
.payPagesMain .settleBox .priceBox .leftInfo {
  font-size: 14px;
  font-weight: 400;
  color: #3B4249;
}
.payPagesMain .settleBox .priceBox .leftInfo .reduce_price {
  font-size: 16px;
  font-weight: bold;
  color: #50555B;
}
.payPagesMain .settleBox .priceBox .leftInfo .final {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.payPagesMain .settleBox .priceBox .leftInfo .final .final_price {
  font-size: 24px;
  font-weight: bold;
  color: #F0432F;
}
.payPagesMain .settleBox .bankCardBox {
  padding: 20px 23px;
}
.payPagesMain .settleBox .bankCardBox .t1 {
  font-size: 16px;
  color: #333333;
}
.payPagesMain .settleBox .bankCardBox .purchaseBtn {
  margin-top: 30px;
}
.payPagesMain .settleBox .bankCardBox .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
}
.payPagesMain .settleBox .bankCardBox .bankCard {
  display: inline-flex;
  align-items: center;
  color: #AFAFAF;
}
.payPagesMain .cover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.payPagesMain .cover .btn {
  margin-top: 20px;
  color: #1890ff;
  cursor: pointer;
  border: 1px solid #1890ff;
  padding: 0 10px;
  border-radius: 20px;
}
.payPagesMain .cover .btn:hover {
  color: #62a9ff;
  border: 1px solid #62a9ff;
}
.payModal .ant-modal-body {
  max-height: 85vh;
  overflow: auto;
  padding: 20px;
}
.payModal .content {
  text-align: center;
}
.payModal .content .title {
  background: #fff;
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 18px;
}
.payModal .content .title .orderNo {
  color: #EE5E53;
  font-weight: 700;
  margin-right: 40px;
}
.payModal .content .charge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 40px 0px;
}
.payModal .content .charge .contentLeft {
  margin-right: 125px;
}
.payModal .content .charge img {
  height: 500px;
  width: auto;
}
.payModal .content img {
  width: 250px;
}
.payModal .content .bankPay {
  display: flex;
  padding: 22px 0 32px;
  justify-content: center;
}
.payModal .content .bankPay .item {
  width: 50%;
  padding: 0 30px;
  text-align: left;
}
.payModal .content .bankPay .item:nth-of-type(2) {
  border-left: 2px dashed #EEEEEE;
}
.payModal .content .bankPay .item .p1 {
  color: #212020;
  font-size: 16px;
  margin-bottom: 30px;
}
.payModal .content .bankPay .item .p1:last-of-type {
  margin-bottom: 0;
}
.payModal .content .t1 {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
}
.payModal .content .t2 {
  font-size: 28px;
  color: #F1503E;
}
.payModal .content .t3 {
  font-size: 14px;
}
.payModal .content .t3 span {
  color: #108EE9;
  cursor: pointer;
}
.payModal .content .t4 {
  color: #555555;
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
  width: 240px;
}
.payModal .content .t4 .t4_price {
  color: #EE5E53;
  font-weight: 400;
}
.payModal .content .t5 {
  display: flex;
  margin-top: 15px;
  width: 240px;
  background-color: #F1503E;
  color: #FFFFFF;
  padding: 10px 26px;
  align-items: center;
  justify-content: center;
}
.payModal .content .t5 .scan {
  width: 45px;
  height: 45px;
  margin-right: 36px;
}
.sureModal .sureModalBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sureModal .sureModalBox .hourglass {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: rgba(191, 191, 191, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.sureModal .sureModalBox .hourglass img {
  width: 100px;
}
.sureModal .sureModalBox .prompting {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.sureModal .sureModalBox .prompting span:nth-child(1) {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.sureModal .sureModalBox .prompting span:nth-child(2) {
  font-size: 14px;
  color: #888888;
  font-weight: 400;
}
.sureModal .sureModalBox .activeBtn {
  width: 150px;
  border-radius: 15px;
  margin-bottom: 20px;
  color: #2ad8a4;
  background: #F5FFFC;
  border-color: #2ad8a4;
}
.sureModal .sureModalBox .activeBtn:hover,
.sureModal .sureModalBox .activeBtn:focus {
  color: #fff;
  background: #2ad8a4;
  border-color: #2ad8a4;
}
.sureModal .sureModalBox .refreshBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #888888;
  font-weight: 400;
  cursor: pointer;
}
.sureModal .sureModalBox .refreshBtn img {
  width: 20px;
  margin-right: 10px;
}
.hjPayModal .ant-modal-body {
  padding: 0;
}
.hjPayModal .orderBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #F5F9FF;
}
.hjPayModal .orderBox .orderNo {
  color: #3C8AF1;
}
.hjPayModal .hjBox {
  padding: 24px;
}
.hjPayModal .hjBox .qrCode {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.bankCardModal .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.bankCardModal .ant-space {
  flex-wrap: wrap;
}
.bankCardModal .cardSupportList {
  height: 40vh;
}
.bankCardModal .cardSupportList .bankCardBox {
  margin-bottom: 6px;
}
.bankCardModal .bankCardBox {
  display: inline-flex;
  align-items: center;
  color: #AFAFAF;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 2px 10px;
}
.bankCardModal .smsCodeBox {
  text-align: center;
}
.bankCardModal .smsCodeBox .t1 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 5px;
}
.bankCardModal .smsCodeBox .t2 {
  color: #808080;
  margin-bottom: 15px;
}
.bankCardModal .smsCodeBox .input {
  width: 230px;
  margin: 0 auto;
}

.agreementPage {
  background: url("https://v.zaixue100.com/ZX_img/bgimg/20190306195634.png") no-repeat center top, #f0f2f5;
  background-size: 100% auto;
  padding: 60px 0 50px;
}
.agreementPage .content {
  background: #fff;
}
.agreementPage .content .agheader {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dashed #ccc;
}
.agreementPage .content .agheader h1 {
  font-size: 36px;
  text-align: center;
  font-weight: 400;
  color: #666;
}
.agreementPage .content .data {
  margin-top: 46px;
  padding: 0 73px;
  line-height: 1.5em;
  text-indent: 2em;
  padding-bottom: 40px;
}

.receiveCoupon {
  background-color: #ffffff;
  padding-bottom: 65px;
  border-bottom: 1px solid #e8e8e8;
}
.receiveCoupon .banner {
  min-width: 1200px;
  height: 350px;
  margin-bottom: 40px;
}
.receiveCoupon .banner img {
  width: 100%;
  height: 350px;
}
.receiveCoupon .allCouponBox .couponBox {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.receiveCoupon .allCouponBox .couponBox .item {
  width: 391px;
  height: 108px;
  background-image: url("/coupon_bg.png");
  display: flex;
  align-items: center;
  margin: 0 80px 20px;
}
.receiveCoupon .allCouponBox .couponBox .item .item_left {
  width: 126px;
  font-size: 24px;
  font-weight: bold;
  color: #f95f71;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.receiveCoupon .allCouponBox .couponBox .item .item_left span {
  font-size: 12px;
  align-self: flex-end;
  margin-bottom: 5px;
}
.receiveCoupon .allCouponBox .couponBox .item .item_left .satisfyPrice {
  margin-top: 5px;
  padding: 1px 8px;
  background: #F96E5F;
  border-radius: 11px;
  color: #FFFFFF;
  font-size: 12px;
}
.receiveCoupon .allCouponBox .couponBox .item .item_right {
  flex: 1;
  padding-left: 12px;
  padding-right: 10px;
}
.receiveCoupon .allCouponBox .couponBox .item .item_right .couponName {
  font-size: 16px;
  font-weight: 400;
  color: #ffff00;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.receiveCoupon .allCouponBox .couponBox .item .item_right .couponName img {
  width: 50px;
}
.receiveCoupon .allCouponBox .couponBox .item .item_right .expTime,
.receiveCoupon .allCouponBox .couponBox .item .item_right .type {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.receiveCoupon .allCouponBox .couponBox .item:nth-child(4n) {
  margin-right: 0;
}
.receiveCoupon .allCouponBox .noCoupon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.receiveCoupon .allCouponBox .receiveBtnBox {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.receiveCoupon .allCouponBox .receiveBtnBox .receiveBtn {
  width: 300px;
  height: 52px;
  margin: 40px 0 0;
  color: #ffffff;
  border-color: #f04a00;
  box-shadow: 0px 0px 8px 0px #e93b00;
  background: linear-gradient(-90deg, #f04a00, #d91b01);
}

.testParsing .topHead {
  width: 100%;
  height: 148px;
  background: #74b7f7;
  display: flex;
  padding: 7px 15px;
}
.testParsing .topHead > div {
  width: 33.3%;
}
.testParsing .topHead .left {
  display: flex;
}
.testParsing .topHead .left .left_1 {
  width: 107px;
  height: 134px;
  background: #0051e5;
  text-align: center;
  padding-top: 10px;
}
.testParsing .topHead .left .left_2 {
  margin-left: 10px;
}
.testParsing .topHead .left .left_2 p {
  margin: 0;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #f2f5fa;
}
.testParsing .topHead .middle {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f2f5fa;
}
.testParsing .topHead .right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.testParsing .topHead .right .lookScore {
  width: 114px;
  height: 42px;
  background: linear-gradient(0deg, #ff9f33, #fce79d);
  box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.69);
  font-weight: bold;
  color: #292929;
}
.testParsing .topHead .right .back {
  width: 130px;
  height: 34px;
  background: #7f7f7f;
  border-color: #7f7f7f;
  font-weight: bold;
  border-radius: 2px;
  color: #f2f5fa;
}
.testParsing .mainContent {
  height: calc(100vh - 148px);
  width: 100%;
  background-color: #ddebf6;
  display: flex;
}
.testParsing .mainContent .left {
  width: 360px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.testParsing .mainContent .left .leftContent {
  flex: 1;
  width: 100%;
  height: 100%;
  background: #eff6fe;
  border: 2px solid #a4bbf6;
  margin-right: 20px;
  position: relative;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}
.testParsing .mainContent .left .leftContent .ltop {
  width: 100%;
  height: 57px;
  background: #ffffff;
  display: flex;
  align-items: center;
}
.testParsing .mainContent .left .leftContent .ltop > div {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testParsing .mainContent .left .leftContent .ltop > div.l_two em {
  background: #daf6d0;
}
.testParsing .mainContent .left .leftContent .ltop > div.l_three span:first-of-type,
.testParsing .mainContent .left .leftContent .ltop > div.l_four span:first-of-type {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #db7429;
  margin-right: 10px;
}
.testParsing .mainContent .left .leftContent .ltop > div em {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: #fb966c;
  margin-right: 10px;
}
.testParsing .mainContent .left .leftContent .lcMain {
  flex: 1;
  padding-bottom: 10px;
  overflow-y: auto;
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll {
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  overflow-y: auto !important;
  overflow-x: hidden !important;
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #f5f5f5;
}
.testParsing .mainContent .left .leftContent .lcMain.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset0 6px rgba(0, 0, 0, 0.3);
  background-color: #8f8f8f;
}
.testParsing .mainContent .left .leftContent .closeLeft {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -43px;
  width: 13px;
  height: 86px;
  line-height: 86px;
  text-align: center;
  background: linear-gradient(90deg, #3b8ac4, #a4d5f6);
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}
.testParsing .mainContent .left .leftContent .closeLeft span {
  font-size: 14px;
  color: #fff;
}
.testParsing .mainContent .left .leftItem .itemTop {
  width: 100%;
  overflow: hidden;
}
.testParsing .mainContent .left .leftItem .itemTop .content {
  height: 36px;
  padding-left: 13px;
}
.testParsing .mainContent .left .leftItem .itemTop .content img {
  vertical-align: middle;
  margin-right: 4px;
}
.testParsing .mainContent .left .leftItem .itemTop .content span {
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #343434;
}
.testParsing .mainContent .left .leftItem .itemContent {
  margin: 5px 10px 8px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 0.3s;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem {
  width: 30px;
  height: 39px;
  background: #ffffff;
  border: 1px solid #dfe3e6;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #4f4e4e;
  text-align: center;
  line-height: 39px;
  cursor: pointer;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem span {
  position: relative;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeNot span::after {
  content: "*";
  position: absolute;
  top: -14px;
  right: -6px;
  color: #f61e17;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeRight {
  background-color: #daf6d0;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeError {
  background-color: #fb966c;
}
.testParsing .mainContent .left .leftItem .itemContent .queItem.makeSign span::after {
  content: "?";
  position: absolute;
  top: -14px;
  right: -6px;
  color: #f61e17;
}
.testParsing .mainContent .left .leftItem .itemContent .select {
  border: 2px solid #62a9ff !important;
}
.testParsing .mainContent .left .explanation {
  margin: 10px 0;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fc2728;
  line-height: 26px;
}
.testParsing .mainContent .left .explanation p {
  margin: 0;
}
.testParsing .mainContent .left .lBottom {
  width: 100%;
  height: 68px;
  background: #d7e2e8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testParsing .mainContent .left .lBottom img {
  cursor: pointer;
}
.testParsing .mainContent .right {
  flex: 1;
  position: relative;
  height: calc(100vh - 148px);
  display: flex;
  flex-direction: column;
}
.testParsing .mainContent .right .rightTopContent {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.testParsing .mainContent .right .rightTopContent .r_top {
  height: 77px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 77px;
  text-align: center;
}
.testParsing .mainContent .right .rightTopContent .queContent {
  flex: 1;
  width: 100%;
  position: relative;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  height: calc(100vh - 275px);
  overflow: auto;
  padding-bottom: 50px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .r_des {
  width: 100%;
  background: #edf4fa;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 31px;
  padding: 24px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain {
  flex: 1;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .cardHead {
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 36px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox {
  padding: 25px 20px 0px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox p {
  font-size: 20px;
  font-weight: bold;
  color: #13100b;
  line-height: 40px;
  margin: 0;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox p img {
  width: 36px;
  height: 36px;
  margin-left: 8px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox .issue,
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox .type {
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .issueBox .type {
  font-weight: bold;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox {
  padding: 0px 20px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem {
  display: flex;
  align-items: center;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .optionBox {
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .optionBox.error {
  border: 3px solid #ff5026;
  border-radius: 50%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .optionBox.ansRight {
  border: 3px solid #3d8f06;
  border-radius: 50%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .spTitle {
  flex: 1;
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .radio {
  width: 18px;
  height: 18px;
  background: linear-gradient(90deg, #dfdfdf, #eeeeee);
  border: 1px solid #acabab;
  border-radius: 50%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .optionItem .check {
  border-radius: 4px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .answerBox .textArea {
  margin-top: 20px;
  max-width: 80%;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox {
  padding: 0px 20px;
  margin-top: 20px;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox p {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #13100b;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .my .textGreen {
  color: #3d8f06;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .my .textError {
  color: #d51315;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .top2 {
  margin-top: 10px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #13100b;
}
.testParsing .mainContent .right .rightTopContent .queContent .subItem .queMain .top .infoBox .top2 .videoBox {
  width: 300px;
  height: 170px;
  cursor: pointer;
}
.testParsing .mainContent .right .rightBottomContent {
  width: 100%;
  height: 70px;
  background: #d7e2e8;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 73px;
  z-index: 2;
}
.testParsing .mainContent .right .rightBottomContent .rbLeft {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #13100b;
  line-height: 32px;
}
.testParsing .mainContent .right .rightBottomContent .rbLeft .ant-checkbox-inner {
  width: 26px;
  height: 26px;
}
.testParsing .mainContent .right .rightBottomContent .rbLeft .ant-checkbox-inner::after {
  width: 8px;
  height: 16px;
}
.testParsing .mainContent .right .rightBottomContent .rbRight {
  display: flex;
}
.testParsing .mainContent .right .rightBottomContent .rbRight > div {
  width: 157px;
  height: 70px;
  background: rgba(226, 237, 243, 0.3);
  border: 1px solid #c4c4c4;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
  font-weight: 400;
  color: #7d7e80;
  cursor: pointer;
}
.testParsing .mainContent .right .bottom {
  position: absolute;
  bottom: 0px;
  padding-left: 24px;
  background-color: #ddebf6;
  z-index: 9;
}
.testParsing .mainContent .right .bottom .btn {
  width: 121px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #f4d7bb;
  font-size: 18px;
  color: #7d7e80;
  margin-right: 16px;
}
.testParsing .mainContent .right .bottom .btn .anticon {
  color: #fea748;
}

.testSimulation .topHead {
  width: 100%;
  height: 148px;
  background: #74b7f7;
  display: flex;
  padding: 7px 15px;
}
.testSimulation .topHead > div {
  width: 33.3%;
}
.testSimulation .topHead .left {
  display: flex;
}
.testSimulation .topHead .left .left_1 {
  width: 107px;
  height: 134px;
  background: #0051e5;
  text-align: center;
  padding-top: 10px;
}
.testSimulation .topHead .left .left_2 {
  margin-left: 10px;
}
.testSimulation .topHead .left .left_2 p {
  margin: 0;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #f2f5fa;
}
.testSimulation .topHead .middle {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f2f5fa;
}
.testSimulation .topHead .right {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.testSimulation .topHead .right .downTime {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #ff3036;
  margin-right: 16px;
}
.testSimulation .topHead .right .downTime .ant-statistic-content-value {
  font-size: 24px;
  font-weight: bold;
  color: #ff3036;
}
.testSimulation .topHead .right .finishExam {
  width: 114px;
  height: 42px;
  background: linear-gradient(0deg, #ff9f33, #fce79d);
  box-shadow: 0px 0px 3px 0px rgba(128, 128, 128, 0.69);
  font-weight: bold;
  color: #292929;
}
.testSimulation .mainContent {
  min-height: calc(100vh - 148px);
  width: 100%;
  background-color: #ddebf6;
  display: flex;
}
.testSimulation .mainContent .left {
  max-width: 450px;
  border-right: 1px solid #a4bbf6;
}
.testSimulation .mainContent .left .leftContent {
  width: 429px;
  min-height: 761px;
  background: #eff6fe;
  border: 2px solid #a4bbf6;
  margin-right: 20px;
  position: relative;
  transition: all 0.3s;
}
.testSimulation .mainContent .left .leftContent .lcMain {
  max-height: calc(100vh - 168px);
  padding-bottom: 10px;
  overflow-y: auto;
  -ms-overflow-style: none;
}
.testSimulation .mainContent .left .leftContent .lcMain::-webkit-scrollbar {
  width: 0 !important;
}
.testSimulation .mainContent .left .leftContent .closeLeft {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -43px;
  width: 13px;
  height: 86px;
  line-height: 86px;
  text-align: center;
  background: linear-gradient(90deg, #3b8ac4, #a4d5f6);
  border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}
.testSimulation .mainContent .left .leftContent .closeLeft span {
  font-size: 14px;
  color: #fff;
}
.testSimulation .mainContent .left .leftItem .itemTop {
  width: 100%;
  background: linear-gradient(0deg, #498fc5, #8ecaf7);
  border-top: 2px solid #1b6eab;
  border-bottom: 2px solid #1b6eab;
  overflow: hidden;
}
.testSimulation .mainContent .left .leftItem .itemTop .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 116px;
  padding-right: 10px;
  height: 36px;
}
.testSimulation .mainContent .left .leftItem .itemTop span {
  font-size: 18px;
  font-weight: bold;
  color: #343434;
}
.testSimulation .mainContent .left .leftItem .itemTop .rightAction {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #104080;
  cursor: pointer;
}
.testSimulation .mainContent .left .leftItem .itemTop .rightAction .anticon {
  font-size: 14px;
  margin-right: 5px;
}
.testSimulation .mainContent .left .leftItem .itemContent {
  margin: 5px 10px 8px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 0.3s;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem {
  width: 39px;
  height: 39px;
  background: #ddebf6;
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #4f4e4e;
  padding: 6px 0 0 6px;
  cursor: pointer;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem span {
  position: relative;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem span::after {
  content: "*";
  position: absolute;
  top: -5px;
  right: -10px;
  color: #f61e17;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem.makeDone span::after {
  display: none;
}
.testSimulation .mainContent .left .leftItem .itemContent .queItem.makeSign span::after {
  content: "?";
}
.testSimulation .mainContent .left .leftItem .itemContent .select {
  border: 2px solid #62a9ff !important;
}
.testSimulation .mainContent .left .explanation {
  margin-top: 20px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fc2728;
  line-height: 26px;
}
.testSimulation .mainContent .left .explanation p {
  margin: 0;
}
.testSimulation .mainContent .left .jisuanBox {
  margin-top: 10px;
  text-align: center;
}
.testSimulation .mainContent .left .jisuanBox img {
  cursor: pointer;
}
.testSimulation .mainContent .right {
  flex: 1;
  position: relative;
  height: calc(100vh - 148px);
  overflow: auto;
}
.testSimulation .mainContent .right .rightItem {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  opacity: 0;
  height: calc(100vh - 148px);
  overflow: hidden;
  padding-bottom: 50px;
}
.testSimulation .mainContent .right .rightItem .rightTop {
  border-bottom: 2px solid #a4bbf6;
  font-size: 22px;
  color: #575757;
  line-height: 31px;
  padding: 6px 30px 6px 6px;
}
.testSimulation .mainContent .right .rightItem .rightContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  white-space: pre-wrap;
}
.testSimulation .mainContent .right .rightItem .rightContent .cardHead {
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  line-height: 36px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top {
  flex: 1;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox {
  padding: 25px 20px 0px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox p {
  font-size: 20px;
  font-weight: bold;
  color: #13100b;
  line-height: 40px;
  margin: 0;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox .issue,
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox .type {
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .issueBox .type {
  font-weight: bold;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox {
  padding: 0px 20px;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox .ant-radio-wrapper,
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  color: #13100b;
  line-height: 40px;
  margin: 0;
  white-space: normal;
}
.testSimulation .mainContent .right .rightItem .rightContent .top .answerBox .textArea {
  margin-top: 20px;
  max-width: 80%;
}
.testSimulation .mainContent .right .bottom {
  position: absolute;
  bottom: 0px;
  padding-left: 24px;
  background-color: #ddebf6;
  z-index: 9;
}
.testSimulation .mainContent .right .bottom .btn {
  width: 121px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #f4d7bb;
  font-size: 18px;
  color: #7d7e80;
  margin-right: 16px;
}
.testSimulation .mainContent .right .bottom .btn .anticon {
  color: #fea748;
}
.testSimulation .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  transition: opacity 0.3s;
  z-index: 99;
}
.testSimulation .mark .iconSync {
  font-size: 44px;
  color: #F02C2C;
  margin: 0 10px;
}
.examOverModal .t0 {
  color: #313131;
  text-align: center;
  margin: 20px 0 50px;
}
.examOverModal .t0 .red {
  color: #EC6941;
}
.examOverModal .t1 {
  display: flex;
  justify-content: center;
}
.examOverModal .t1 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  margin-right: 35px;
  color: white;
  border-color: #f04a00;
}
.examOverModal .t1 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: 0px 0px 15px 0px rgba(240, 73, 11, 0.23);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
}

/************* 自定义modal相关样式 ****************/
.custom_modal_mask {
  top: 0;
  left: 0;
  position: fixed;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}
.custom_modal_win {
  background: #fff;
  position: relative;
  border-radius: 5px;
  min-width: 400px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.custom_modal_header {
  width: 100%;
  height: 56px;
  line-height: 30px;
  cursor: move;
  text-align: left;
  padding: 16px 24px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  font-weight: bold;
}
.custom_modal_header_close {
  float: right;
  line-height: 30px;
  cursor: pointer;
}
.custom_modal_content {
  top: 0;
  width: 100%;
  bottom: 50px;
  overflow: auto;
  text-overflow: ellipsis;
  background-color: #fff;
  text-align: left;
  max-height: 80vh;
  min-height: 50px;
}
.custom_modal_footer {
  bottom: 0;
  width: 100%;
  height: 46px;
  background: #fff;
  border-top: 1px solid #e3e3e3;
  border-radius: 0 0 5px 5px;
}
.custom_modal_footer_inner {
  float: right;
  right: 8px;
  bottom: 8px;
  position: absolute;
}

.testScore .mainBox {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 350px;
}
.testScore .topHead {
  width: 100%;
  height: 90px;
  background: #027db4;
}
.testScore .topHead .headerBox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.testScore .topHead .logo {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 110px;
  height: 40px;
}
.testScore .topHead .logo img {
  width: 100%;
  height: 100%;
}
.testScore .topHead p {
  margin: 0;
  font-size: 22px;
  color: #f2f2f2;
  text-align: center;
  line-height: 90px;
}
.testScore .content {
  width: 1135px;
  margin: 0 auto;
  background: #ffffff;
  border: 2px solid #027db4;
  border-radius: 8px;
  margin-top: 125px;
  padding: 40px;
}
.testScore .content .topAction {
  display: flex;
  justify-content: space-between;
  padding: 0 248px;
}
.testScore .content .topAction button {
  width: 130px;
  height: 34px;
  border-radius: 2px;
  color: #f2f5fa;
}
.testScore .content .topAction .back {
  background: #7f7f7f;
  border-color: #7f7f7f;
}
.testScore .content .topAction .download {
  background: linear-gradient(-90deg, #f45125, #f0432f);
  border-color: #f45125;
  box-shadow: 0px 0px 10px 0px rgba(241, 70, 45, 0.44);
}
.testScore .content .topAction .look {
  background: #f59a23;
  border-color: #f59a23;
  box-shadow: 0px 0px 10px 0px rgba(245, 154, 35, 0.44);
}
.testScore .content .mainContent {
  padding-left: 20px;
}
.testScore .content .mainContent .topInfo {
  display: flex;
  align-items: flex-start;
  margin-top: 36px;
}
.testScore .content .mainContent .topInfo .left {
  font-size: 16px;
  font-weight: bold;
  color: #403f3f;
}
.testScore .content .mainContent .topInfo .right {
  margin-top: -4px;
}
.testScore .content .mainContent .topInfo .right p {
  font-size: 16px;
  color: #555555;
  margin: 0;
  line-height: 32px;
}
.testScore .content .mainContent .tableBox {
  padding-left: 25px;
  margin-top: 16px;
}
.testScore .content .mainContent .tableBox .thCenter {
  text-align: center;
  color: #333333;
}
.testScore .content .mainContent .tableBox p {
  margin-top: 14px;
  color: #6f6f6f;
}
.payModal12 .title {
  text-align: center;
  margin: 40px auto;
}
.payModal12 .btnBox {
  display: flex;
  justify-content: space-around;
}
.payModal12 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.payModal12 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #e12c01;
  width: 120px;
}

.textExhibition {
  position: relative;
  margin: 0 auto;
  min-height: calc(100vh - 260px);
}
.textExhibition img {
  max-width: 100%;
}
.textExhibition p {
  margin: 0;
}

.paginationItem {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
.paginationItem .ant-pagination-item:hover {
  border-color: #62A9FF;
}
.paginationItem .ant-pagination-item:hover a {
  color: #62A9FF;
}
.paginationItem .ant-pagination-item-active {
  background: #62A9FF;
  color: white;
  border-color: #62A9FF;
}
.paginationItem .ant-pagination-item-active:hover a {
  color: white;
}
.paginationItem .ant-pagination-item-active a {
  color: white;
}

.noteCard {
  padding: 20px 0;
  border-bottom: 1px dotted #E9E9E9;
  display: flex;
}
.noteCard .content {
  flex: 1;
  margin-left: 20px;
  color: #3F3F3F;
  position: relative;
}
.noteCard .content .contentTop {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.noteCard .content .contentTop .excellent {
  background: #00C574;
  border-radius: 11px;
  height: 22px;
  line-height: 22px;
  margin-left: 10px;
  padding: 0 10px;
  color: white;
}
.noteCard .content .contentTop .next {
  flex: 1;
}
.noteCard .content .contentTop .time {
  color: #777777;
  margin-right: 70px;
}
.noteCard .content .contentTop .like {
  cursor: pointer;
}
.noteCard .content .contentTop .like:hover {
  color: #EE491F;
}
.noteCard .content .contentTop .like .anticon {
  margin-right: 4px;
}
.noteCard .content .contentTop .like .ab {
  color: #FFBF00;
}
.noteCard .content .contentTop .like .likeNum {
  color: #F24343;
}
.noteCard .content .moreContent {
  height: 120px;
  overflow: hidden;
}
.noteCard .content .hideModeBox {
  width: 739px;
  height: 62px;
  background: linear-gradient(0deg, #FFFFFF, rgba(255, 255, 255, 0));
  position: absolute;
  bottom: -25px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.noteCard .content .hideModeBox .showMoreBtn {
  display: flex;
  align-items: center;
  color: #62a9ff;
  cursor: pointer;
}
.noteCard .content .hideModeBox .showMoreBtn > img {
  margin-left: 5px;
}

.coursePages {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.coursePagesMain {
  width: 1200px;
  margin: 0 auto;
}
.coursePagesMain .examSelectBox {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
}
.coursePagesMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 0 30px 0;
}
.coursePagesMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.coursePagesMain .examSelectBox .tBox .leftLabel {
  width: 50px;
  margin: 10px 0;
  font-weight: bold;
  color: #222222;
  text-align: right;
}
.coursePagesMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px 0;
}
.coursePagesMain .examSelectBox .tBox .rightCont .itemCard {
  color: #6b6b6b;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px;
  margin-right: 10px;
  margin-bottom: 4px;
}
.coursePagesMain .examSelectBox .tBox .majorCont {
  flex: 1;
  margin-left: 10px;
  padding-top: 10px;
  flex-direction: column;
}
.coursePagesMain .examSelectBox .tBox .majorCont .majorName {
  width: 300px;
}
.coursePagesMain .examSelectBox .tBox .majorCont .majorList {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 4px;
  max-height: 100px;
  overflow: auto;
}
.coursePagesMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.coursePagesMain .zhongshiBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coursePagesMain .zhongshiBox .searchBox {
  padding-top: 20px;
}
.coursePagesMain .choseTypeBox {
  width: 220px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  margin-top: 20px;
  display: flex;
}
.coursePagesMain .choseTypeBox .typeItem {
  width: 33.33%;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
  color: #6b6b6b;
  cursor: pointer;
}
.coursePagesMain .choseTypeBox .typeItem.active {
  color: #3c84f1;
}
.coursePagesMain .courseBox {
  padding: 30px 0 65px;
  display: flex;
  flex-wrap: wrap;
}
.coursePagesMain .courseBox a .courseCard {
  margin-right: 34.6px;
  margin-bottom: 30px;
}
.coursePagesMain .courseBox a .courseCard:nth-of-type(4n) {
  margin-right: 0;
}
.coursePagesMain .courseBox a:nth-of-type(4n) .courseCard {
  margin-right: 0;
}
.coursePagesMain .no-data {
  text-align: center;
  margin-top: 100px;
}
.coursePagesMain .no-data .title {
  margin-top: 30px;
}

.courseCard {
  width: 274px;
  background: #ffffff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.courseCard p,
.courseCard ul {
  margin: 0;
}
.courseCard .topImg {
  width: 274px;
  height: 156px;
  border-radius: 6px 6px 0 0;
  background-size: 100% 100%;
}
.courseCard .courseTitleBox {
  flex: 1;
}
.courseCard .courseTitle {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  padding: 8px 12px 0;
  height: 64px;
}
.courseCard .priceBox {
  padding: 0 12px 10px;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
.courseCard .priceBox .left {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  display: flex;
  align-items: center;
}
.courseCard .priceBox .left img {
  width: 17px;
  height: 15px;
  margin-right: 5px;
}
.courseCard .priceBox .middle {
  font-size: 14px;
  text-decoration: line-through;
  color: #666666;
  line-height: 36px;
}
.courseCard .priceBox .right {
  font-size: 18px;
  font-weight: bold;
  color: #f05e58;
  line-height: 36px;
}
.courseCard .priceBox .right span {
  color: #2ad8a4;
}

.mustSign .contractTitle {
  text-align: center;
  font-size: 22px;
}
.mustSign .contractContent {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  padding: 10px;
  max-height: calc(100vh - 300px);
  overflow: auto;
  margin-bottom: 10px;
}
.mustSign .contentFooter {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.mustSign .contentFooter p {
  color: red;
  margin-bottom: 0;
}
.mustSignModal .ant-modal-header {
  display: none;
}
.mustSignModal .ant-modal-body {
  padding: 10px 80px;
}

.courseDetails p {
  margin: 0;
}
.courseDetails .topBox {
  width: 100%;
  height: 684px;
  background: url("https://v.zaixue100.com/cloud-school/bg_img/courseBg.png") no-repeat;
  background-size: cover;
  padding-top: 48px;
}
.courseDetails .topBox .topMain {
  width: 1200px;
  margin: 0 auto;
}
.courseDetails .topBox .topMain .videoBody {
  width: 100%;
  height: 528px;
  background: #1b1b1b;
}
.courseDetails .topBox .topMain .videoBody .c_head {
  background: #1b1b1b;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.courseDetails .topBox .topMain .videoBody .c_head .left {
  min-width: 169px;
  height: 64px;
  padding: 0 10px;
  background: #e1413e;
  line-height: 64px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
}
.courseDetails .topBox .topMain .videoBody .c_body {
  height: 463px;
  display: flex;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left {
  position: relative;
  height: 463px;
  flex: 1;
  overflow: hidden;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .lookOther {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #1b1b1b;
  color: #fff;
  line-height: 440px;
  text-align: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .header {
  line-height: 30px;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .playPianTou {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 995;
  background: #000;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .controls-item {
  width: 100%;
  height: 100%;
  background: #181616;
  display: flex;
  justify-content: center;
  align-items: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-text {
  color: #b3b2b2;
  margin-top: 10px;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .controls-item .ant-spin-dot i {
  background-color: #b3b2b2;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .other-way {
  display: flex;
  width: 1068px;
  height: 60px;
  background: #2b2b2b;
  margin-top: -5px;
  color: #fff;
  align-items: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .playFlagTrue {
  height: 100%;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 996;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse img {
  width: 100%;
  height: 100%;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  background-color: #1890ff;
  opacity: 0.8;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .playFlagFalse .icon_play:hover {
  color: #fff;
  background-color: #1890ff;
  opacity: 1;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .mask_body {
  width: 100%;
  height: 463px;
  background-color: #00000073;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .video_left .mask_body .mask_con {
  width: 570px;
  padding: 10px 15px;
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right {
  height: 463px;
  width: 372px;
  background: #1b1b1b;
  display: flex;
  flex-direction: column;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop {
  position: relative;
  flex: 1;
  border-top: 1px solid #484848;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav {
  margin-bottom: 0;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav::before {
  border-bottom: 1px solid #484848;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab {
  background: #282828;
  color: #cccccc;
  border-radius: unset;
  margin-right: 0;
  padding: 11px 24px;
  border-color: #484848 !important;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  border-left: none;
  border-top: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type {
  border-left: 1px solid #484848;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab:first-of-type.ant-tabs-tab-active {
  border-left: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active {
  background-color: #1b1b1b;
  border-bottom: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ffffff;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-select {
  width: 100%;
  color: #bfbfbf;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-selector {
  background: #282828 !important;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .ant-select .ant-select-arrow {
  color: #bfbfbf;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .tabContent {
  height: 355px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose {
  height: 45px;
  background-color: #282828;
  display: flex;
  justify-content: space-between;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left {
  width: 272px;
  height: 100%;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar {
  width: 0;
  height: 6px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #282828;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem {
  display: inline-block;
  width: 90px;
  border-bottom: 1px solid #484848;
  border-right: 1px solid #484848;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #cccccc;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .left .teacherItem.active {
  color: #fff;
  border-bottom: none;
  background-color: #1b1b1b;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .topChose .right {
  width: 100px;
  border-bottom: 1px solid #484848;
  border-left: 1px solid #484848;
  display: flex;
  align-items: center;
  justify-content: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox {
  height: 355px;
  padding-top: 8px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header {
  padding: 8px 0 8px 36px;
  color: #9c9c9c;
  background: #1b1b1b;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-header:hover {
  color: #108ee9;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 0;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-content-box {
  padding: 0 0 0 12px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .ant-collapse-borderless {
  background: #1b1b1b;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .TC {
  text-align: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span {
  display: block;
  width: 70px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild > span:first-of-type {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .checkTag {
  color: #fff;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .learning {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #ff4a00;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .chapterChild .learningBox .free {
  display: inline-block;
  width: 50px;
  height: 19px;
  background: #39b378;
  border-radius: 2px;
  text-align: center;
  line-height: 19px;
  color: #fff;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .rightTop .sectionBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .actionBox {
  width: 100%;
  height: 63px;
  background: #292929;
  display: flex;
  align-items: center;
  border-top: 1px solid #4b4b4b;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div {
  width: 25%;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  border-right: 1px solid #4b4b4b;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div:last-of-type {
  border-right: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div img {
  margin-bottom: 5px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .actionBox > div.active {
  background: #383838;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox {
  position: absolute;
  width: 372px;
  height: 355px;
  bottom: -372px;
  transition: all 0.3s;
  background-color: #000000;
  padding: 30px 0 18px 25px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox.active {
  bottom: 0;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .bigBox .titleBox {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fefefe;
  padding: 8px 0;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .itemBox {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #9c9c9c;
  display: flex;
  justify-content: space-between;
  padding: 8px 25px;
  cursor: pointer;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .itemBox .anticon {
  font-size: 18px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .itemBox:hover {
  background: #282828;
  color: #fff;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .moreDownload {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #fff;
  cursor: pointer;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .moreDownload span {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: underline;
  color: #fefefe;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .handouBox .example {
  color: #fff;
  font-size: 16px;
  padding-top: 100px;
  text-align: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox {
  position: absolute;
  bottom: 0;
  width: 372px;
  height: 357px;
  background: #ffffff;
  border-radius: 10px 10px 0px 0px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .boxTop {
  width: 372px;
  height: 17px;
  background: #eeeeee;
  border-radius: 10px 10px 0px 0px;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .boxTitle {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 40px;
  text-align: center;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input {
  min-height: 242px;
  resize: none;
  outline: none;
  border: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input:hover,
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input:focus,
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .submitBox {
  height: 58px;
  border-top: 1px solid #e5e5e5;
}
.courseDetails .topBox .topMain .videoBody .c_body .c_right .questionBox .submitBox .submitBtn {
  width: 83px;
  height: 28px;
  margin: 15px auto 0;
  background: #3c84f1;
  border-radius: 2px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.courseDetails .topBox .topMain .nothing {
  width: 100%;
  height: 528px;
  background: #1b1b1b;
  color: #fff;
  text-align: center;
  line-height: 528px;
  font-size: 30px;
}
.courseDetails .topBox .topMain .infoBox {
  width: 1200px;
  height: 85px;
  background: url("/titleBg.png") no-repeat;
  background-size: cover;
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.courseDetails .topBox .topMain .infoBox .title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #181818;
}
.courseDetails .topBox .topMain .infoBox .infoDetail {
  display: flex;
  align-items: center;
}
.courseDetails .topBox .topMain .infoBox .infoDetail span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 28px;
}
.courseDetails .topBox .topMain .infoBox .infoDetail em {
  font-style: normal;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f72e2e;
  margin-right: 40px;
}
.courseDetails .topBox .topMain .infoBox .infoDetail .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  border-radius: 24px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.courseDetails .bottomBox {
  width: 100%;
  background-color: #f5f7f9;
  padding-top: 28px;
  padding-bottom: 28px;
}
.courseDetails .bottomBox .bottomMain {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.courseDetails .bottomBox .bottomMain .tabBox {
  flex: 1;
  background-color: #fff;
  overflow: hidden;
}
.courseDetails .bottomBox .bottomMain .ant-tabs-nav::before {
  border-bottom: 4px solid #f0f0f0;
}
.courseDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 3px;
}
.courseDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab {
  margin-right: 50px;
  padding: 18px 0;
}
.courseDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  width: 94px;
  text-align: center;
  font-size: 16px;
}
.courseDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab-active {
  color: #3c84f1;
}
.courseDetails .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-nav-more {
  color: #fff;
}
.courseDetails .bottomBox .bottomMain > div {
  height: 100%;
}
.courseDetails .bottomBox .bottomMain .topTitle {
  display: flex;
  justify-content: space-between;
  padding-right: 39px;
}
.courseDetails .bottomBox .bottomMain .topTitle .left {
  display: flex;
  align-items: center;
}
.courseDetails .bottomBox .bottomMain .topTitle .left .title {
  width: 89px;
  height: 18px;
  position: relative;
  margin-right: 15px;
}
.courseDetails .bottomBox .bottomMain .topTitle .left .title .lineBg {
  position: absolute;
  bottom: -4px;
  width: 89px;
  height: 14px;
  background: #cee2ff;
  border-radius: 7px;
}
.courseDetails .bottomBox .bottomMain .topTitle .left .title p {
  width: 89px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  text-align: center;
}
.courseDetails .bottomBox .bottomMain .topTitle .left .numText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 30px;
}
.courseDetails .bottomBox .bottomMain .topTitle .right {
  cursor: pointer;
}
.courseDetails .bottomBox .bottomMain .topTitle .right .actionBtn {
  width: 66px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #f4cd2a;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f4cd2a;
  line-height: 30px;
  cursor: pointer;
}
.courseDetails .bottomBox .bottomMain .courseDetail {
  padding: 15px 32px 30px 28px;
  min-height: 500px;
}
.courseDetails .bottomBox .bottomMain .courseDetail .content img {
  max-width: 100%;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation {
  padding-top: 15px;
  min-height: 500px;
  padding-bottom: 30px;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent {
  padding: 0 39px;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent .evaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent .evaItem .left {
  flex: 1;
  display: flex;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent .evaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent .evaItem .left .itemContent .commentText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent .evaItem .left .itemContent .commentText:first-of-type {
  margin-bottom: 10px;
}
.courseDetails .bottomBox .bottomMain .courseEvaluation .evaContent .evaItem .right {
  width: 16%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.courseDetails .bottomBox .bottomMain .noEva {
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
}
.courseDetails .bottomBox .bottomMain .courseQA {
  padding-top: 12px;
  min-height: 500px;
  max-height: 870px;
}
.courseDetails .bottomBox .bottomMain .courseQA .topTitle .right {
  width: 118px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca7f1, #3c84f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 132, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent {
  padding: 0 39px;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left {
  flex: 1;
  display: flex;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent {
  flex: 1;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div {
  font-size: 14px;
  line-height: 22px;
  font-family: Microsoft YaHei;
  color: #666666;
  display: flex;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div:first-of-type {
  color: #343434;
  margin-bottom: 10px;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div p {
  flex: 1;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div em {
  font-style: normal;
  font-weight: bold;
  color: #343434;
  margin-right: 10px;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .itemContent > div span {
  width: 140px;
  font-weight: 400;
  margin-left: 38px;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .goLook {
  width: 71px;
  height: 28px;
  background: #ffffff;
  border: 1px solid #3c84f1;
  border-radius: 14px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3c84f2;
  line-height: 28px;
  text-align: center;
  margin-left: 30px;
  cursor: pointer;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .left .goLook:hover {
  background: #3c84f1;
  color: #ffffff;
}
.courseDetails .bottomBox .bottomMain .courseQA .qaContent .qaItem .right {
  width: 40%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.courseDetails .bottomBox .bottomMain .questionBody {
  padding: 0 20px 10px;
  background: #fff;
  width: 280px;
  margin-left: 20px;
}
.courseDetails .bottomBox .bottomMain .questionBody .questionBodyH {
  color: #171920;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid #efeff0;
  font-weight: bold;
}
.courseDetails .bottomBox .bottomMain .questionBody .ant-collapse-header {
  padding: 10px 0;
  background: #fff;
}
.courseDetails .bottomBox .bottomMain .questionBody .ant-collapse-header img {
  margin-right: 5px;
}
.courseDetails .bottomBox .bottomMain .questionBody .ant-collapse-content-box {
  padding: 0 12px;
}
.courseDetails .bottomBox .bottomMain .questionBody .ant-collapse-item {
  border-bottom: 0;
}
.courseDetails .bottomBox .bottomMain .questionBody .content {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 10px;
  color: #9598a2;
}
.dropDownBox {
  background: #1b1b1b;
  border: 1px solid #484848;
}
.dropDownBox .ant-select-item-option {
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1b1b1b;
  color: #bfbfbf;
}
.dropDownBox .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #fff;
  background: #e1413e;
}
.qaDetailModal p {
  margin: 0;
}
.qaDetailModal .ant-modal-header {
  background: #f5f9ff;
}
.downloadModal p {
  margin: 0;
}
.downloadModal .ant-modal-header {
  background: #f5f9ff;
}
.downloadModal .downloadMain {
  max-height: 80vh !important;
  overflow-y: scroll;
}
.downloadModal .downloadMain .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
}
.downloadModal .downloadMain .btnBox {
  display: flex;
  justify-content: center;
}
.downloadModal .downloadMain .btnBox .tab_btn {
  width: 118px;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
}
.downloadModal .downloadMain .btnBox .tab_btn.tab_btn1 {
  background: linear-gradient(-90deg, #3ca7f1, #3c84f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 132, 241, 0.43);
  color: #ffffff;
  margin-right: 54px;
}
.downloadModal .downloadMain .btnBox .tab_btn.tab_btn2 {
  background: #ffffff;
  border: 1px solid #3c84f1;
  box-shadow: 0px 0px 15px 0px rgba(60, 132, 241, 0.23);
  color: #3c84f2;
}
.downloadModal .qaDetailMain {
  max-height: 70vh;
  overflow-y: auto;
}
.downloadModal .qaDetailMain .qItem .topInfo_q {
  display: flex;
  align-items: center;
}
.downloadModal .qaDetailMain .qItem .topInfo_q img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.downloadModal .qaDetailMain .qItem .topInfo_q span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin: 0 14px;
}
.downloadModal .qaDetailMain .qItem .topInfo_q .typeBox {
  width: 50px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #3c8cf1;
  border-radius: 2px;
  line-height: 24px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3c8cf1;
  text-align: center;
}
.downloadModal .qaDetailMain .qItem .time_q {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
  padding-left: 46px;
  margin-top: 12px;
}
.downloadModal .qaDetailMain .qItem .content_q {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin-top: 18px;
}
.downloadModal .qaDetailMain .aItem {
  background: #f3f3f3;
  padding: 10px 18px;
  margin-top: 26px;
}
.downloadModal .qaDetailMain .aItem .topInfo_a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div {
  display: flex;
  align-items: center;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin: 0 14px;
}
.downloadModal .qaDetailMain .aItem .topInfo_a > div .typeBox {
  width: 50px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #2ad8a4;
  border-radius: 2px;
  line-height: 24px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2ad8a4;
  text-align: center;
}
.downloadModal .qaDetailMain .aItem .topInfo_a .time_a {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 21px;
}
.downloadModal .qaDetailMain .aItem .content_a {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #222222;
  line-height: 21px;
  margin-top: 20px;
}
.downloadModal .addComment {
  padding-top: 30px;
}
.downloadModal .addComment textarea.ant-input {
  min-height: 220px;
  resize: none;
  outline: none;
}
.downloadModal .addComment textarea.ant-input:hover,
.downloadModal .addComment textarea.ant-input:focus,
.downloadModal .addComment textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.downloadModal .addComment .btnBox {
  display: flex;
  align-items: center;
  margin-top: 36px;
}
.downloadModal .addComment .btnBox .tab_btn {
  width: 100px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca6f1, #3c83f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
  color: #ffffff;
  margin: 0 auto;
}

.quizModal .samequizForm {
  overflow-y: scroll;
  height: 70vh;
}
.quizModal img {
  max-width: 100%;
}
.quizModal .quizForm .typeTitle,
.quizModal .samequizForm .typeTitle {
  font-size: 12px;
  font-weight: 400;
  color: #949494;
  margin-bottom: 10px;
}
.quizModal .quizForm .picTitle,
.quizModal .samequizForm .picTitle {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.quizModal .quizForm .ant-radio-group,
.quizModal .samequizForm .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.quizModal .quizForm .ant-radio-group .ant-radio-button-wrapper,
.quizModal .samequizForm .ant-radio-group .ant-radio-button-wrapper {
  background: #F7F7F7;
  border-radius: 6px;
  margin-right: 12px;
  height: 38px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  line-height: 38px;
  text-align: center;
  background: #f7f7f7;
  border: 0;
}
.quizModal .quizForm .ant-radio-group .ant-radio-button-wrapper::before,
.quizModal .samequizForm .ant-radio-group .ant-radio-button-wrapper::before {
  display: none;
}
.quizModal .quizForm .ant-radio-group .ant-radio-button-wrapper-checked,
.quizModal .samequizForm .ant-radio-group .ant-radio-button-wrapper-checked {
  background: #3C84F1 !important;
  color: #ffffff !important;
}
.quizModal .quizForm .ant-upload-list-item-actions > a,
.quizModal .samequizForm .ant-upload-list-item-actions > a {
  display: none;
}
.quizModal .quizForm .relatedBox,
.quizModal .samequizForm .relatedBox {
  padding: 20px;
  background: #f5f9ff;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
}
.quizModal .quizForm .relatedBox .relatedTopic,
.quizModal .samequizForm .relatedBox .relatedTopic {
  align-self: center;
  font-size: 16px;
  color: #181818;
}
.quizModal .quizForm .relatedBox .relatedTopics,
.quizModal .samequizForm .relatedBox .relatedTopics {
  margin-bottom: 10px;
}
.quizModal .quizForm .relatedBox .relatedVideo,
.quizModal .samequizForm .relatedBox .relatedVideo {
  text-align: center;
}
.quizModal .quizForm .relatedBox > span,
.quizModal .samequizForm .relatedBox > span {
  color: #181818;
}
.quizModal .quizForm .relatedBox .sOption,
.quizModal .samequizForm .relatedBox .sOption {
  display: flex;
  color: #434343;
  margin-bottom: 10px;
}
.quizModal .quizForm .relatedBox .referenceAnswer,
.quizModal .samequizForm .relatedBox .referenceAnswer {
  color: #181818;
  margin-bottom: 10px;
}
.quizModal .quizForm .relatedBox .explainTitle,
.quizModal .samequizForm .relatedBox .explainTitle {
  font-weight: 600;
  color: #181818;
}
.quizModal .quizForm .relatedBox .explain,
.quizModal .samequizForm .relatedBox .explain {
  color: #181818;
  line-height: 20px;
}
.quizModal .quizForm .quizBtnBox,
.quizModal .samequizForm .quizBtnBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.quizModal .quizForm .quizBtnBox .quizBtn,
.quizModal .samequizForm .quizBtnBox .quizBtn {
  height: 32px;
  background: #ffffff;
  border: 1px solid #3C84F1;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #3C84F1;
  margin: 0 10px;
}
.msgModal .ant-modal-header {
  text-align: center;
}
.msgModal .msgBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.msgModal .msgBox .tip {
  margin: 40px 0;
}
.msgModal .msgBox .btnsBox .okBtn {
  width: 90px;
  height: 38px;
  line-height: 38px;
  padding: 0;
  background: linear-gradient(-90deg, #3C83F1, #3CA6F1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 66px;
}
.msgModal .msgBox .btnsBox .cancelBtn {
  width: 90px;
  height: 38px;
  line-height: 38px;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #3C84F1;
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 19px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3C84F1;
}

.chapterPaper {
  background: #F1F1F1;
  padding-top: 20px;
}
.chapterPaper .icimg {
  cursor: pointer;
}
.chapterPaper .ant-affix {
  z-index: 10!important;
}
.chapterPaper .mQHeader {
  border-radius: 10px;
  background: #fff;
  padding: 0 15px;
}
.chapterPaper .mQHeader .top1 {
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #E7E7E7;
}
.chapterPaper .mQHeader .top1 .address-icon {
  color: #F34D28;
  font-size: 16px;
  margin-right: 10px;
}
.chapterPaper .mQHeader .top1 .ant-breadcrumb {
  color: #343434;
}
.chapterPaper .mQHeader .top1 .ant-breadcrumb a {
  color: #343434;
}
.chapterPaper .mQHeader .top2 {
  display: flex;
  align-items: center;
  height: 79px;
  white-space: nowrap;
  font-size: 16px;
  padding-right: 10px;
}
.chapterPaper .mQHeader .top2 .pre {
  flex: 1;
  margin-right: 80px;
}
.chapterPaper .mQHeader .top2 .pre .ant-progress-inner {
  border: 2px solid #F59A23;
  background: #fff;
}
.chapterPaper .mQHeader .top2 .pre .ant-progress-bg {
  height: 15px !important;
}
.chapterPaper .mQHeader .top2 .t1 {
  color: #F59A23;
}
.chapterPaper .mQHeader .top2 .t2 {
  color: #343434;
}
.chapterPaper .mQBody {
  display: flex;
  margin-top: 15px;
}
.chapterPaper .mQBody > div:first-of-type {
  flex: 1;
  margin-right: 20px;
}
.chapterPaper .mQBody .makeDone {
  background: #3B83F1;
  border: 1px solid #3B83F1 !important;
  color: white;
}
.chapterPaper .mQBody .error {
  background: #FF5026;
  border: 1px solid #FF5026 !important;
  color: white;
}
.chapterPaper .mQBody .success {
  background: #00C574;
  border: 1px solid #00C574 !important;
  color: white;
}
.chapterPaper .mQBody .left {
  width: 890px;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 60px;
}
.chapterPaper .mQBody .left .questionBox {
  display: flex;
  position: relative;
}
.chapterPaper .mQBody .right {
  width: 290px;
}
.chapterPaper .mQBody .right .shortcuts {
  border-radius: 10px;
  background: white;
  display: flex;
  height: 85px;
  align-items: center;
  z-index: 1;
  position: relative;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaper .mQBody .right .shortcuts .item {
  flex: 1;
  text-align: center;
  padding: 20px 0;
  cursor: pointer;
}
.chapterPaper .mQBody .right .shortcuts .item .anticon {
  font-size: 20px;
  color: #000;
}
.chapterPaper .mQBody .right .shortcuts .item .titleStr {
  color: #666666;
}
.chapterPaper .mQBody .right .shortcuts .item .content {
  position: absolute;
  top: 75px;
  left: 0;
  width: 290px;
  background: #fff;
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  border-radius: 0 0 10px 10px;
}
.chapterPaper .mQBody .right .shortcuts .item .content .swIt {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E7E7E7;
  padding: 0 20px;
}
.chapterPaper .mQBody .right .shortcuts .item .content .ant-switch {
  background-color: #F7F7F7;
}
.chapterPaper .mQBody .right .shortcuts .item .content .ant-switch-checked {
  background-color: #3B83F1;
}
.chapterPaper .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper:hover {
  color: #3B83F1;
}
.chapterPaper .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper-checked {
  background: #3B83F1;
  color: white;
  border-color: #3B83F1;
}
.chapterPaper .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper-checked:hover {
  color: white;
}
.chapterPaper .mQBody .right .shortcuts .item .content .ant-radio-button-wrapper-checked::before {
  background-color: #3B83F1;
}
.chapterPaper .mQBody .right .shortcuts .item:hover .anticon {
  color: #3B83F1;
}
.chapterPaper .mQBody .right .shortcuts .item:hover .titleStr {
  color: #3B83F1;
}
.chapterPaper .mQBody .right .shortcuts .item:hover .content {
  height: 200px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaper .mQBody .right .shortcuts .item:hover .contentFZ {
  height: 100px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaper .mQBody .right .answerSheet {
  background: white;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.19);
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  border-bottom: 1px solid #F4F4F4;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t1 {
  color: #000000;
  font-size: 16px;
  position: relative;
  line-height: 21px;
  display: flex;
  margin-right: 10px;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t1::before {
  content: ' ';
  width: 7px;
  height: 21px;
  background: linear-gradient(0deg, #ec6941, #ec6941);
  border-radius: 4px;
  display: inline-block;
  margin-right: 8px;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t2 {
  height: 25px;
  border-radius: 13px;
  background: #F3F3F3;
  display: flex;
  align-items: center;
  color: #505050;
  font-size: 12px;
  padding: 0 10px;
  cursor: pointer;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t2 img {
  margin-right: 5px;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t2:hover {
  background: #e2e2e2;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .tt {
  flex: 1;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t3 {
  color: #505050;
  font-size: 12px;
  cursor: pointer;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t3 .anticon {
  transition: all 0.3s;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t3:hover {
  color: #111111;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t4 {
  font-size: 16px;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t4 .anticon {
  margin-right: 4px;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t4 .red {
  color: #FF3030;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t5 {
  font-size: 16px;
  cursor: pointer;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t5 .anticon {
  margin-right: 2px;
}
.chapterPaper .mQBody .right .answerSheet .sheetHeader .t5:hover {
  color: #3B83F1;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody {
  border-bottom: 1px solid rgba(236, 105, 65, 0.37);
  transition: all 0.3s;
  min-height: 200px;
  padding: 0 10px;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody .title {
  color: #000000;
  margin-bottom: 10px;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody .title:first-of-type {
  padding-top: 15px;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody .sheetBox {
  display: flex;
  flex-wrap: wrap;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody .sheetItem {
  border-radius: 4px;
  border: 1px solid #DADADA;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody .sheetItem:hover {
  border-color: #62a9ff !important;
}
.chapterPaper .mQBody .right .answerSheet .sheetBody .select {
  border: 2px solid #62a9ff !important;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter {
  padding: 10px;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 {
  color: #6F6F6F;
  font-size: 12px;
  display: flex;
  padding: 5px 0 15px;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 .tt {
  flex: 1;
  display: flex;
  justify-content: center;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 .tt::before {
  content: '';
  width: 19px;
  height: 19px;
  border-radius: 4px;
  margin-right: 3px;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 .t1::before {
  background: #FF5026;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 .t2::before {
  background: #00C574;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 .t4::before {
  background: #3B83F1;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .top1 .t3::before {
  border: 1px solid #C2C2C2;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .btn {
  background: linear-gradient(90deg, #FF5D01, #FF9958);
  border-color: #FF9958;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .btn1 {
  background: #29D7A3;
  border-color: #29D7A3;
}
.chapterPaper .mQBody .right .answerSheet .sheetFooter .btn2 {
  margin-top: 20px;
}
.chapterPaper .tFoot {
  height: 50px;
  width: 890px;
  position: fixed;
  left: calc((100% - 1200px) / 2);
  bottom: 0;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 6px;
}
.chapterPaper .tFoot .tFCard {
  flex: 1;
  height: 50px;
  cursor: pointer;
  color: #9a9a9a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chapterPaper .tFoot .tFCard:hover {
  background: #daf3f9;
  color: #3B83F1;
}
.chapterPaper .tFoot .tFCard .cardIcon {
  font-size: 16px;
  padding: 0 3px;
}
.chapterPaper .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  transition: opacity 0.3s;
  z-index: 99;
}
.chapterPaper .mark .iconSync {
  font-size: 44px;
  color: #3B83F1;
  margin: 0 10px;
}
.uploadModal .fit {
  width: 100%;
  height: fit-content;
  max-height: 60vh;
}
.subjectQuestionModal .t0 {
  color: #313131;
  text-align: center;
  margin: 20px 0 50px;
}
.subjectQuestionModal .t0 .red {
  color: #EC6941;
}
.subjectQuestionModal .t1 {
  display: flex;
  justify-content: center;
}
.subjectQuestionModal .t1 .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: 0px 0px 8px 0px rgba(233, 59, 0, 0.43);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  margin-right: 35px;
  color: white;
  border-color: #f04a00;
}
.subjectQuestionModal .t1 .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: 0px 0px 15px 0px rgba(240, 73, 11, 0.23);
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
}
.presentationModal .t0 {
  color: #6B6B6B;
  text-align: center;
}
.presentationModal .accuracy {
  width: 120px;
  height: 120px;
  margin: 10px auto;
  border: 9px solid #FFA58A;
  background: linear-gradient(180deg, rgba(239, 125, 52, 0.6), rgba(246, 246, 246, 0));
  border-radius: 50%;
  font-size: 36px;
  font-weight: bold;
  color: #F24C29;
  text-align: center;
  line-height: 100px;
}
.presentationModal .t1 {
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 8px 12px;
}
.presentationModal .t1 .time {
  margin-bottom: 8px;
  font-size: 12px;
}
.presentationModal .t1 .item {
  display: flex;
  align-items: center;
  height: 50px;
}
.presentationModal .t1 .item .itBox {
  flex: 1;
  text-align: center;
}
.presentationModal .t1 .bg {
  background: #F7F8FC;
}
.presentationModal .t1 .success {
  color: #75B52C;
}
.presentationModal .t1 .error {
  color: #EC6941;
}
.presentationModal .t2 {
  margin-top: 22px;
  display: flex;
  justify-content: space-around;
}
.presentationModal .btn1 {
  height: 38px;
  background: linear-gradient(-90deg, #d91b01, #f04a00);
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: white;
  border-color: #f04a00;
  width: 120px;
}
.presentationModal .btn2 {
  height: 38px;
  background: #ffffff;
  border: 1px solid #dd2401;
  box-shadow: none;
  border-radius: 19px;
  line-height: 38px;
  padding: 0 20px;
  color: #E12C01;
  width: 120px;
}
.presentationModal .t3 {
  color: #313131;
  font-size: 16px;
  text-align: center;
}
.presentationModal .accuracy1 {
  width: 188px;
  height: 188px;
  font-size: 60px;
  line-height: 168px;
}
.presentationModal .accuracy1 span {
  color: #686868;
  font-size: 14px;
}
.presentationModal .right {
  flex: 1;
  margin-left: 65px;
}
.presentationModal .t4 {
  color: #313131;
  font-size: 18px;
  margin-bottom: 10px;
}
.presentationModal .t6 {
  color: #313131;
  font-size: 16px;
  margin-bottom: 10px;
}
.presentationModal .t6 span {
  color: #EC6941;
}
.presentationModal .t5 {
  display: flex;
  border: 1px solid #E5E5E5;
}
.presentationModal .t5 .t5Item {
  flex: 1;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-right: 1px solid #E5E5E5;
  color: #6B6B6B;
}
.presentationModal .t5 .t5Item:last-of-type {
  border: 0;
}
.presentationModal .ant-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.presentationModal .ant-radio-group .ant-radio-wrapper {
  width: 33%;
  margin-right: 0;
  line-height: 32px;
}

.examInformationPages {
  background-color: #f5f7f9;
  padding-bottom: 65px;
  min-height: calc(100vh - 221px);
}
.examInformationPagesMain {
  width: 1200px;
  margin: 0 auto;
}
.examInformationPagesMain .examSelectBox {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
.examInformationPagesMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 0px 30px 0px;
}
.examInformationPagesMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.examInformationPagesMain .examSelectBox .tBox .leftLabel {
  width: 90px;
  margin: 19px 0 0;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
}
.examInformationPagesMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 25px;
  display: flex;
  flex-wrap: wrap;
}
.examInformationPagesMain .examSelectBox .tBox .rightCont .itemCard {
  height: 32px;
  line-height: 32px;
  color: #6b6b6b;
  padding: 0 15px;
  margin: 10px;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
}
.examInformationPagesMain .examSelectBox .tBox .rightCont .active {
  background: #ffffff;
  border-radius: 2px;
}
.examInformationPagesMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.examInformationPagesMain .navigationBox {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.examInformationPagesMain .navigationBox .ant-breadcrumb,
.examInformationPagesMain .navigationBox > span {
  font-size: 12px;
  font-weight: 400;
  color: #AAAAAA;
}
.examInformationPagesMain .middleInfoBox {
  background-image: url(/infor_back.png);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  padding: 36px 0 30px 0;
  display: flex;
}
.examInformationPagesMain .middleInfoBox .left {
  width: 505px;
  padding: 0 30px 0 39px;
  text-align: center;
  border-right: 1px solid #E5E5E5;
}
.examInformationPagesMain .middleInfoBox .left .carouselBox {
  margin-bottom: 35px;
}
.examInformationPagesMain .middleInfoBox .left .carouselBox img {
  height: 249px;
  width: 100%;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox {
  height: 120px;
  background: url('/count_back.png') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 35px;
  text-align: center;
  padding-top: 21px;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox p {
  margin: 0;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox .title {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 17px;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox .countBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox .countBox span {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox .countBox .dayBox {
  width: 140px;
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
}
.examInformationPagesMain .middleInfoBox .left .examTimeBox .countBox .dayBox .day {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: url('/day_back.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #FF4A00;
}
.examInformationPagesMain .middleInfoBox .left .flowBox {
  height: 356px;
  background: url('/sign_flow.png') no-repeat;
  background-size: 100% 100%;
}
.examInformationPagesMain .middleInfoBox .left .flowBox .more {
  margin: 15px 10px 0 0;
  float: right;
  display: flex;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
}
.examInformationPagesMain .middleInfoBox .left .flowBox .more img {
  margin-left: 4px;
  height: 20px;
}
.examInformationPagesMain .middleInfoBox .right {
  flex: 1;
  padding: 0 8px 0 30px;
}
.examInformationPagesMain .middleInfoBox .right .hotLogo {
  width: 105px;
  height: 28px;
  margin-bottom: 22px;
}
.examInformationPagesMain .bottomInfoBox {
  margin-top: 38px;
}
.examInformationPagesMain .bottomInfoBox .typeBox {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  padding: 0 50px;
  box-shadow: 0px 3px 8px 0px rgba(97, 97, 97, 0.06);
}
.examInformationPagesMain .bottomInfoBox .typeBox .type {
  height: 73px;
  line-height: 73px;
  margin-right: 65px;
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  cursor: pointer;
  position: relative;
}
.examInformationPagesMain .bottomInfoBox .typeBox .active::before {
  position: absolute;
  content: '';
  width: 50px;
  height: 5px;
  background: #3C84F1;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter {
  background-image: url(/infor_back.png);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  min-height: 800px;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent {
  padding: 30px 26px 40px 26px;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent .bottomInfoList {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent .bottomInfoList::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #E5E5E5;
  left: 50%;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent .bottomInfoList .ifItemLink {
  width: 556px;
  display: block;
  margin-bottom: 20px;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent .bottomInfoList .ifItemLink:nth-last-child(1) {
  margin-bottom: 0;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent .bottomInfoList .ifItemLink:nth-last-child(2) {
  margin-bottom: 0;
}
.examInformationPagesMain .bottomInfoBox .bottomContentOuter .bottomContent .bottomInfoList .ifItemLink .ifItem {
  width: 556px;
}
.examInformationPagesMain .ifItemLink {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.examInformationPagesMain .ifItemLink:last-child {
  margin-bottom: 0;
}
.examInformationPagesMain .ifItemLink .ifItem {
  height: 107px;
  display: flex;
}
.examInformationPagesMain .ifItemLink .ifItem:hover {
  box-shadow: 0px 0px 6px 0px rgba(97, 97, 97, 0.3);
}
.examInformationPagesMain .ifItemLink .ifItem .cover {
  width: 189px;
  height: 100%;
}
.examInformationPagesMain .ifItemLink .ifItem .rightInfo {
  padding: 8px;
}
.examInformationPagesMain .ifItemLink .ifItem .rightInfo .title {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 8px;
}
.examInformationPagesMain .ifItemLink .ifItem .rightInfo .author,
.examInformationPagesMain .ifItemLink .ifItem .rightInfo .other {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
.examInformationPagesMain .ifItemLink .ifItem .rightInfo .other {
  margin-top: 8px;
}
.examInformationPagesMain .ifItemLink .ifItem .rightInfo .other .time {
  margin-left: 55px;
}
.examInformationPagesMain .no-data {
  text-align: center;
  margin-top: 40px;
}
.examInformationPagesMain .no-data .title {
  margin-top: 30px;
}

.livePages {
  background-color: #f5f7f9;
  padding-bottom: 80px;
  min-height: calc(100vh - 221px);
}
.livePagesMain {
  width: 1200px;
  margin: 0 auto;
}
.livePagesMain p,
.livePagesMain ul {
  margin: 0;
}
.livePagesMain .examSelectBox {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 16px;
}
.livePagesMain .examSelectBox .tBox {
  display: flex;
  border-bottom: 1px dashed #d2d2d2;
  padding: 0 30px 0;
}
.livePagesMain .examSelectBox .tBox:last-of-type {
  border-bottom: none;
}
.livePagesMain .examSelectBox .tBox .leftLabel {
  width: 50px;
  margin: 10px 0;
  font-weight: bold;
  color: #222222;
  text-align: right;
}
.livePagesMain .examSelectBox .tBox .rightCont {
  flex: 1;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  padding: 4px 10px 0;
}
.livePagesMain .examSelectBox .tBox .rightCont .itemCard {
  color: #6b6b6b;
  transition: all 0.5s;
  border-radius: 6px;
  cursor: pointer;
  padding: 6px 8px;
  margin-right: 10px;
  margin-bottom: 4px;
}
.livePagesMain .examSelectBox .tBox:last-of-type .rightCont {
  border-bottom: 0;
}
.livePagesMain .comingSoon {
  margin: 14px 0 0;
}
.livePagesMain .comingSoon .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #222222;
  line-height: 36px;
  margin-bottom: 10px;
}
.livePagesMain .comingSoon .csContent {
  width: 100%;
  height: 180px;
  background: #ffffff;
  border-radius: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.livePagesMain .comingSoon .csContent .actionBox {
  flex: 1;
  cursor: pointer;
}
.livePagesMain .comingSoon .csContent .actionBox span {
  font-size: 24px;
}
.livePagesMain .comingSoon .csContent .actionBox.pre {
  text-align: right;
}
.livePagesMain .comingSoon .csContent .csContentCarousel {
  width: 1116px;
  line-height: 180px;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .ant-carousel .slick-dots-bottom {
  bottom: -20px;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .ant-carousel .slick-dots-bottom li {
  width: 40px;
  height: 5px;
  background: #e5e5e5 !important;
  border-radius: 3px;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .ant-carousel .slick-dots-bottom li.slick-active {
  background: #3c84f1 !important;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .ant-carousel .slick-dots-bottom li.slick-active button {
  background: #3c84f1 !important;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage {
  display: flex;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage a {
  width: 33.3%;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem:hover .comingSonInfo .imgBox {
  border: 2px solid #3c84f1;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem:hover .comingSonInfo .imgBox img {
  margin: 3px auto;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem:hover .comingSonInfo .imgBox .imgMark {
  display: block;
  top: 3px;
  left: 3px;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .title {
  width: 270px;
  height: 46px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  color: #222222;
  line-height: 24px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .title img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  display: inline;
  margin-right: 5px;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .title span {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #2ad8a4;
  margin-right: 10px;
  vertical-align: middle;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .title .soon {
  color: #00805a;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo {
  width: 270px;
  display: flex;
  align-items: center;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo .imgBox {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo .imgBox img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 5px auto;
  object-fit: cover;
  object-position: top;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo .imgBox .imgMark {
  display: none;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.26);
  border-radius: 50%;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo .imgBox .imgMark img {
  margin: 13px auto;
  width: 14px;
  height: 14px;
  border-radius: 0;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo .teacherInfo {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
.livePagesMain .comingSoon .csContent .csContentCarousel .comingSonPage .comingSonItem .comingSonInfo .time {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #696969;
}
.livePagesMain .courseBox {
  padding: 30px 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.livePagesMain .courseBox a .liveCard {
  margin-right: 34.6px;
  margin-bottom: 30px;
}
.livePagesMain .courseBox a .liveCard:nth-of-type(4n) {
  margin-right: 0;
}
.livePagesMain .courseBox a:nth-of-type(4n) .liveCard {
  margin-right: 0;
}
.livePagesMain .courseBox .liveCard {
  width: 274px;
  height: 280px;
  background: #ffffff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.livePagesMain .courseBox .liveCard p,
.livePagesMain .courseBox .liveCard ul {
  margin: 0;
}
.livePagesMain .courseBox .liveCard .topImg {
  width: 274px;
  height: 156px;
  border-radius: 6px 6px 0 0;
  background-size: 100% 100%;
}
.livePagesMain .courseBox .liveCard .bottomContent {
  flex: 1;
}
.livePagesMain .courseBox .liveCard .bottomContent .courseTitleBox {
  flex: 1;
}
.livePagesMain .courseBox .liveCard .bottomContent .courseTitle {
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin: 8px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.livePagesMain .courseBox .liveCard .bottomContent .timeBox {
  flex: 1;
  padding: 0px 12px;
  display: flex;
  justify-content: space-between;
}
.livePagesMain .courseBox .liveCard .bottomContent .timeBox .left {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.livePagesMain .courseBox .liveCard .bottomContent .timeBox .right {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
}
.livePagesMain .courseBox .liveCard .bottomContent .timeBox .right .one {
  color: #00805a;
}
.livePagesMain .courseBox .liveCard .bottomContent .timeBox .right .two {
  color: #2ad8a4;
}
.livePagesMain .courseBox .liveCard .bottomContent .timeBox .right .three {
  color: #ccc;
}
.livePagesMain .courseBox .liveCard .bottomContent .priceBox {
  padding: 0px 12px;
  display: flex;
  justify-content: space-between;
}
.livePagesMain .courseBox .liveCard .bottomContent .priceBox .left {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  display: flex;
  align-items: center;
}
.livePagesMain .courseBox .liveCard .bottomContent .priceBox .left img {
  width: 17px;
  height: 15px;
  margin-right: 5px;
}
.livePagesMain .courseBox .liveCard .bottomContent .priceBox .middle {
  font-size: 14px;
  text-decoration: line-through;
  color: #666666;
  line-height: 36px;
}
.livePagesMain .courseBox .liveCard .bottomContent .priceBox .right {
  font-size: 18px;
  font-weight: bold;
  color: #f05e58;
  line-height: 36px;
}
.livePagesMain .courseBox .liveCard .bottomContent .priceBox .right span {
  color: #2ad8a4;
}
.livePagesMain .no-data {
  text-align: center;
  margin-top: 100px;
}
.livePagesMain .no-data .title {
  margin-top: 30px;
}
.livePagesMain .live-title {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
  text-align: center;
  margin-bottom: 22px;
  margin-top: 60px;
}
.livePagesMain .liveBroadcastBox {
  background: white;
  max-height: 588px;
  padding: 15px 65px 0 190px;
  border-radius: 5px;
}
.livePagesMain .liveBroadcastBox .dotBox {
  background: #62a9ff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.livePagesMain .liveBroadcastBox .ant-timeline-item {
  padding-bottom: 0;
}
.livePagesMain .liveBroadcastBox .ant-timeline-item-content {
  top: 0;
}
.livePagesMain .liveBroadcastBox .ant-timeline-item-content .liItem {
  margin-bottom: 30px;
}
.livePagesMain .liveBroadcastBox .ant-timeline-item-head-custom {
  top: 34.5px;
}
.livePagesMain .liveBroadcastBox .ant-timeline-item-tail {
  top: 39px;
}
.livePagesMain .liveBroadcastBox .LoadingBox {
  height: 68px;
  line-height: 68px;
}
.livePagesMain .liveBroadcastBox .liItem {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 10px;
}
.livePagesMain .liveBroadcastBox .liItem .time {
  position: absolute;
  left: -180px;
  top: 50%;
  transform: translateY(-50%);
  color: #929292;
}
.livePagesMain .liveBroadcastBox .liItem img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-right: 30px;
  object-fit: cover;
  object-position: top;
}
.livePagesMain .liveBroadcastBox .liItem .itemContent {
  flex: 1;
}
.livePagesMain .liveBroadcastBox .liItem .itemContent .title1 {
  color: #414141;
  font-size: 16px;
}
.livePagesMain .liveBroadcastBox .liItem .itemContent .title2 {
  margin-top: 10px;
  color: #717070;
}
.livePagesMain .liveBroadcastBox .liItem .xiazai {
  color: #a9a9a9;
  font-size: 12px;
  margin-left: 24px;
  cursor: pointer;
}
.livePagesMain .liveBroadcastBox .liItem .xiazai:hover {
  color: #62a9ff;
}
.livePagesMain .liveBroadcastBox .liItem .btn {
  font-size: 12px;
  width: 84px;
  height: 28px;
  margin-left: 24px;
  background: #eeeeee;
  border: 1px solid #dcdcdc;
  color: #a9a9a9;
}
.livePagesMain .liveBroadcastBox .liItem .btn:hover {
  background: #eef5fc;
  border: 1px solid #62a9ff;
  color: #62a9ff;
}

.liveBroadcastDetails {
  background-color: #f5f7f9;
}
.liveBroadcastDetails p {
  margin: 0;
}
.liveBroadcastDetails .liveBroadcastDetailsMain {
  width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox {
  width: 100%;
  background: #ffffff;
  margin-bottom: 55px;
  padding: 38px 36px 40px 38px;
  display: flex;
  align-items: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .left {
  margin-right: 36px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .left img {
  width: 461px;
  height: 263px;
  border-radius: 6px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right {
  flex: 1;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_top p {
  max-width: 70%;
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1a1a1a;
  line-height: 48px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_top .rt_right {
  width: 20%;
  display: flex;
  align-items: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_top .rt_right > div {
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_top .rt_right .share {
  margin-right: 20px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_info {
  width: 638px;
  background: #f8f8f8;
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 12px 19px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_info p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .r_info p.ptwo {
  margin-bottom: 10px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .teacherBox {
  display: flex;
  align-items: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .teacherBox .t_item {
  margin-right: 34px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .teacherBox .t_item img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 2px;
  object-fit: cover;
  object-position: top;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .teacherBox .t_item P {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 48px;
  text-align: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .priceBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .priceBox p {
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f82f2f;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .topBox .right .priceBox .buyBtn {
  width: 139px;
  height: 48px;
  background: #ff4a00;
  box-shadow: 0px 0px 6px 0px rgba(243, 78, 40, 0.4);
  border-radius: 24px;
  text-align: center;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 48px;
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav::before {
  border-bottom: 4px solid #f0f0f0;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
  border-radius: 3px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab {
  margin-right: 50px;
  padding: 18px 0;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  width: 94px;
  text-align: center;
  font-size: 16px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .ant-tabs-nav .ant-tabs-tab-active {
  color: #3c84f1;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .detailBox {
  padding: 15px 32px 30px 28px;
  min-height: 500px;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .detailBox::-webkit-scrollbar {
  width: 0 !important;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .detailBox .content img {
  width: 100%;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox {
  padding: 10px 36px 42px;
  min-height: 500px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem {
  padding: 32px 6px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .left p {
  font-size: 14px;
  color: #666666;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .left .title {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .left .brief {
  margin-bottom: 10px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .left .p1 {
  margin-left: 30px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right {
  display: flex;
  align-items: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .downSpan {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: underline;
  color: #666666;
  line-height: 36px;
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .downLoadHandou {
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .downLoadHandou:hover {
  color: #3c84f1;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .btnBox {
  width: 97px;
  height: 28px;
  background: #ffffff;
  border: 1px solid #3c84f1;
  border-radius: 14px;
  margin-left: 20px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #3c84f1;
  line-height: 36px;
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .btnBox .anticon-play-circle {
  font-size: 16px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .btnBox.notClick {
  border-color: #dcdcdc;
  color: #a9a9a9;
  background: #eeeeee;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .btnBox.notClick:hover {
  border-color: #3C84F1;
  color: #3C84F1;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .living {
  color: #4cc08e;
  border-color: #4cc08e;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .directoryBox .directoryItem .right .comingSoon {
  color: #00805a;
  border-color: #00805a;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox {
  padding-top: 15px;
  padding-bottom: 30px;
  min-height: 500px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle {
  display: flex;
  justify-content: space-between;
  padding-right: 39px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .left {
  display: flex;
  align-items: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .left .title {
  width: 89px;
  height: 18px;
  position: relative;
  margin-right: 15px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .left .title .lineBg {
  position: absolute;
  bottom: -4px;
  width: 89px;
  height: 14px;
  background: #cee2ff;
  border-radius: 7px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .left .title p {
  width: 89px;
  position: absolute;
  bottom: 0;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  text-align: center;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .left .numText {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  margin-right: 30px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .right {
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .topTitle .right .actionBtn {
  width: 66px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #f4cd2a;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #f4cd2a;
  line-height: 30px;
  cursor: pointer;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent {
  padding: 0 39px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .evaItem {
  padding: 25px 0 28px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .evaItem .left {
  flex: 1;
  display: flex;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .evaItem .left img {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  margin-right: 12px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .evaItem .left .itemContent p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #343434;
  line-height: 22px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .evaItem .left .itemContent p:first-of-type {
  margin-bottom: 10px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .evaItem .right {
  width: 16%;
  text-align: right;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.liveBroadcastDetails .liveBroadcastDetailsMain .bottomBox .bottomMain .evaluationBox .evaContent .noEva {
  font-size: 20px;
  text-align: center;
  padding-top: 50px;
}
.downloadModal p {
  margin: 0;
}
.downloadModal .ant-modal-header {
  background: #f5f9ff;
}
.downloadModal .addComment {
  padding-top: 30px;
}
.downloadModal .addComment textarea.ant-input {
  min-height: 220px;
  resize: none;
  outline: none;
}
.downloadModal .addComment textarea.ant-input:hover,
.downloadModal .addComment textarea.ant-input:focus,
.downloadModal .addComment textarea.ant-input:active {
  border-color: #e5e5e5;
  box-shadow: none;
}
.downloadModal .addComment .btnBox {
  display: flex;
  align-items: center;
  margin-top: 36px;
}
.downloadModal .addComment .btnBox .tab_btn {
  width: 100px;
  height: 40px;
  background: linear-gradient(-90deg, #3ca6f1, #3c83f1);
  box-shadow: 0px 0px 8px 0px rgba(60, 131, 241, 0.43);
  border-radius: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-top: 45px;
  color: #ffffff;
  margin: 0 auto;
}
.shareTypes {
  display: flex;
}
.shareTypes > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 16px;
  cursor: pointer;
}
.shareTypes > div img {
  width: 44px;
  height: 44px;
  margin-bottom: 6px;
}
.shareTypes > div span {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}